Jquery插件之多圖片異步上傳
更新時(shí)間:2010年10月20日 09:57:30 作者:
為促進(jìn)大家交流與學(xué)習(xí),開源此插件。在此感謝非老大開源!不多說了,先圖片后代碼。
1.初始化上傳控件數(shù)量。
$(document).ready(function() {
$('#H_File').uploadFile({ key: 'test',count:3 });
});

以前的設(shè)計(jì)思想是,初始化上傳控件數(shù)量,頁面顯示為1個(gè)上傳控件,每當(dāng)上傳成功后,在下面創(chuàng)建一個(gè)上傳控件。
2.上傳圖片成功后

這就是最終的效果,如果您有更好的插件,希望一起開源。
其他的就不多說了,如果您感興趣,點(diǎn)擊下載源碼
/201010/yuanma/jquery_aspnet_upload1.rar (262.34 kb)
復(fù)制代碼 代碼如下:
$(document).ready(function() {
$('#H_File').uploadFile({ key: 'test',count:3 });
});

以前的設(shè)計(jì)思想是,初始化上傳控件數(shù)量,頁面顯示為1個(gè)上傳控件,每當(dāng)上傳成功后,在下面創(chuàng)建一個(gè)上傳控件。
2.上傳圖片成功后

這就是最終的效果,如果您有更好的插件,希望一起開源。
其他的就不多說了,如果您感興趣,點(diǎn)擊下載源碼
/201010/yuanma/jquery_aspnet_upload1.rar (262.34 kb)
您可能感興趣的文章:
- vue中element-ui使用axios上傳文件
- elementui+vue+axios實(shí)現(xiàn)文件上傳本地服務(wù)器
- Vue+Axios實(shí)現(xiàn)文件上傳自定義進(jìn)度條
- Axios+Spring?Boot實(shí)現(xiàn)文件上傳和下載
- JQuery上傳插件Uploadify使用詳解及錯(cuò)誤處理
- jQuery Ajax 上傳文件處理方式介紹(推薦)
- JQuery.uploadify 上傳文件插件的使用詳解 for ASP.NET
- Jquery ajaxsubmit上傳圖片實(shí)現(xiàn)代碼
- jQuery Ajax文件上傳(php)
- Axios和Jquery實(shí)現(xiàn)文件上傳功能
相關(guān)文章
jQuery實(shí)現(xiàn)Flash效果上下翻動(dòng)的中英文導(dǎo)航菜單代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)Flash效果上下翻動(dòng)的中英文導(dǎo)航菜單代碼,實(shí)例分析了jQuery基于鼠標(biāo)hover事件控制頁面元素動(dòng)畫效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09servlet+jquery實(shí)現(xiàn)文件上傳進(jìn)度條示例代碼
現(xiàn)在文件的上傳,特別是大文件上傳,都需要進(jìn)度條。這篇文章主要介紹了servlet+jquery實(shí)現(xiàn)文件上傳進(jìn)度條示例代碼,有興趣的可以了解一下。2017-01-01jQuery Easyui datagrid連續(xù)發(fā)送兩次請(qǐng)求問題
用上述方式動(dòng)態(tài)加載datagrid的數(shù)據(jù)時(shí),通過net監(jiān)聽,發(fā)現(xiàn)調(diào)用了兩遍XX方法,目前的解決方案是,將url放到datagrid初始化的時(shí)候執(zhí)行2016-12-12jQuery中event.target和this的區(qū)別詳解
這篇文章主要介紹了jQuery中event.target和this的區(qū)別詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08jQuery實(shí)現(xiàn)可編輯表格并生成json結(jié)果(實(shí)例代碼)
這篇文章主要介紹了 jquery實(shí)現(xiàn)可編輯表格并生成json結(jié)果,該代碼解析和加載功能都用前端js實(shí)現(xiàn),簡(jiǎn)化了后臺(tái)代碼邏輯,非常不錯(cuò),具有參考借鑒加載,需要的朋友可以參考下2017-07-07