jquery上傳插件fineuploader上傳文件使用方法(jquery圖片上傳插件)
更新時(shí)間：2013年12月05日 15:31:41 作者：
這篇文章主要介紹了jquery插件fineuploader上傳文件很用方法
特點(diǎn):
1.不依賴與jquery
2.而且,好看些吧..支持很多實(shí)例,上傳成功后.會(huì)有一個(gè)回調(diào)函數(shù).比如縮略圖地址顯示出來(lái)
用法:
復(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)文章
這篇文章主要為大家詳細(xì)介紹了jquery插表單件form使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
jQuery checkbox全選/取消全選實(shí)現(xiàn)代碼
用JavaScript使頁(yè)面上的一組checkbox全選/取消全選，邏輯很簡(jiǎn)單，實(shí)現(xiàn)代碼也沒(méi)有太難的語(yǔ)法。但使用jQuery實(shí)現(xiàn)則更簡(jiǎn)單，代碼也很簡(jiǎn)潔，精辟！2009-11-11
dul無(wú)法加載bootstrap實(shí)現(xiàn)unload table/user恢復(fù)
這篇文章主要介紹了dul無(wú)法加載bootstrap實(shí)現(xiàn)unload table/user恢復(fù)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
在UpdatePanel內(nèi)jquery easyui效果失效的解決方法
項(xiàng)目中使用到了 updatePanel 和jquery-easyui 。使用updatepanel的好處自然是頁(yè)面不刷新，用戶感覺(jué)比較好，同時(shí)也減少了一部分?jǐn)?shù)據(jù)量的傳輸。2010-04-04
jQuery插件ContextMenu自定義圖標(biāo)
這篇文章主要為大家詳細(xì)介紹了jQuery插件ContextMenu自定義圖標(biāo)的相關(guān)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
基于jQuery實(shí)現(xiàn)的仿百度首頁(yè)滑動(dòng)選項(xiàng)卡效果代碼
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)的仿百度首頁(yè)滑動(dòng)選項(xiàng)卡效果代碼,涉及jQuery響應(yīng)鼠標(biāo)事件實(shí)現(xiàn)頁(yè)面元素動(dòng)態(tài)變換的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了jQuery選擇器之基本選擇器用法,結(jié)合實(shí)例形式分析了id選擇器、class選擇器、element選擇器等選擇器相關(guān)使用技巧,需要的朋友可以參考下2019-02-02
jQuery使用$.ajax進(jìn)行即時(shí)驗(yàn)證的方法
這篇文章主要介紹了jQuery使用$.ajax進(jìn)行即時(shí)驗(yàn)證的方法,較為詳細(xì)的分析了jQuery基于ajax實(shí)現(xiàn)前臺(tái)驗(yàn)證與后臺(tái)數(shù)據(jù)交互的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-12-12
jQuery基于ajax實(shí)現(xiàn)星星評(píng)論代碼
這篇文章主要介紹了jQuery基于ajax實(shí)現(xiàn)星星評(píng)論代碼,可實(shí)現(xiàn)實(shí)時(shí)顯示評(píng)論效果的功能,基于Ajax實(shí)現(xiàn),非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)查看圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12