jquery上傳插件fineuploader上傳文件使用方法(jquery圖片上傳插件)
更新時(shí)間:2013年12月05日 15:31:41 作者:
這篇文章主要介紹了jquery插件fineuploader上傳文件很用方法
特點(diǎn):
1.不依賴與jquery
2.而且,好看些吧..支持很多實(shí)例,上傳成功后.會(huì)有一個(gè)回調(diào)函數(shù).比如縮略圖地址顯示出來
用法:
復(fù)制代碼 代碼如下:
<link rel="stylesheet" />
<script src="http://fineuploader.com/source/fineuploader-3.9.1.min.js"></script>
復(fù)制代碼 代碼如下:
var thumbnailuploader = new qq.FineUploader({
element: $('#thumbnail-fine-uploader')[0],
request: {
endpoint: 'Uploadimg'
},
validation: {
allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
},
callbacks: {
onComplete: function (id, fileName, responseJSON) {
if (responseJSON.success) {
//alert(responseJSON.guidimg);
$('#logo').val(responseJSON.guidimg);
$('#thumbnail-fine-uploader').append('<img id="logoimg" style="width:200;hight:300px;" src="' + responseJSON.imgurl + '" alt="' + responseJSON.guidimg + '">');
}
}
}
});
您可能感興趣的文章:
- jQuery Ajax 上傳文件處理方式介紹(推薦)
- JQuery.uploadify 上傳文件插件的使用詳解 for ASP.NET
- 一個(gè)簡(jiǎn)單的jQuery插件ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件例子
- jquery實(shí)現(xiàn)兼容IE8的異步上傳文件
- jQuery實(shí)現(xiàn)jQuery-form.js實(shí)現(xiàn)異步上傳文件
- jQuery插件ajaxFileUpload異步上傳文件
- 基于jQuery Ajax實(shí)現(xiàn)上傳文件
- jQuery Ajax使用FormData對(duì)象上傳文件的方法
- jQuery簡(jiǎn)單驗(yàn)證上傳文件大小及類型的方法
- Jquery實(shí)現(xiàn)異步上傳文件
相關(guān)文章
jquery通過visible來判斷標(biāo)簽是否顯示或隱藏
這篇文章主要介紹了jquery如何判斷標(biāo)簽是否顯示或隱藏,使用到了visible屬性,大家可以學(xué)習(xí)下2014-05-05jQuery實(shí)現(xiàn)右側(cè)抽屜式在線客服功能
本篇文章給大家分先一下jQuery實(shí)現(xiàn)右側(cè)抽屜式在線客服功能的實(shí)例代碼,有需要的讀者們參考下吧。2017-12-12基于jQuery和CSS3制作響應(yīng)式水平時(shí)間軸附源碼下載
我們經(jīng)??吹接泻芏嗟拇怪睍r(shí)間軸用來記錄事件進(jìn)展,而有朋友問我要求分享水平的時(shí)間軸,其實(shí)水平時(shí)間軸的難點(diǎn)在于自適應(yīng)屏幕尺寸。那么 今天我要給大家分享的是一款支持響應(yīng)式、支持觸屏手勢(shì)滑動(dòng)的水平時(shí)間軸2015-12-12