麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > WEB開發 > 正文

使用jquery提交FormData數據

2024-04-27 15:16:29
字體：大 中 小
來源：轉載
供稿：網友

源碼示例

<!doctype html><html><head> <title>測試</title> <meta charset="utf8"> <script src="../js/jquery-1.11.3.min.js"></script></head><body> <form id="form"> <input name="file123" type="file" /> <input name="a" value="1" /> <input value="2" /> </form> <button>提交</button></body></html><script> $(function() { // 監聽上傳進度 var xhrOnPRogress = function(fun) { xhrOnProgress.onprogress = fun; //綁定監聽 return function() { //通過$.AjaxSettings.xhr();獲得xmlHttpRequest對象 var xhr = $.ajaxSettings.xhr(); //判斷監聽函數是否為函數 if (typeof xhrOnProgress.onprogress !== 'function') return xhr; //如果有監聽函數并且xhr對象支持綁定時就把監聽函數綁定上去 if (xhrOnProgress.onprogress && xhr.upload) { xhr.upload.onprogress = xhrOnProgress.onprogress; } return xhr; } } var formData = new FormData($('#form')[0]);// 自動搜索#form里面的name值不為空的input(注意：type=file的input會被搜索到，但不能攜帶文件流，所以在下面我主動添加進了formData) formData.append('b', 3); $('button').on('click', function() { formData.append('file', document.querySelector('[type=file]').files[0]);// 由于上面不會搜索到type=file的input，所以在這里將它主動添加到formData中(注意：需使用原生方式獲取) $.ajax({ type: 'post', url: '../../../material/jQueryFileUpload?type=1', data: formData, contentType: false,// 當有文件要上傳時，此項是必須的，否則后臺無法識別文件流的起始位置(詳見：#1) processData: false,// 是否序列化data屬性，默認true(注意：false時type必須是post，詳見：#2) xhr: xhrOnProgress(function(e){// (詳見：#3) var percent=e.loaded / e.total;//計算百分比 $('body').append('->'+ percent); }), success: function(data) { $('body').append('完成'); } }) }) })</script>

參考文章

[#1] 淺談contentType = false [#2] 原生ajax請求 怎么設置processData這個參數？ [#3] jQuery監聽文件上傳實現進度條效果

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 新久久久久久 | 国产精品久久久麻豆 | 亚洲午夜久久久精品一区二区三区 | 欧美视频99| 久久久久97国产精 | 中文字幕h | 久久精品日韩一区 | 日韩毛片免费观看 | 国产精选久久久 | 水多视频在线观看 | h视频免费在线 | 12av毛片 | 国内自拍网址 | 在线成人看片 | 网站毛片 | 91av国产在线 | 欧美成人三级视频 | 国产精品成人一区二区三区吃奶 | 特黄一区二区三区 | 视频一区 日韩 | 国产成人精品免费视频大全办公室 | 久久久综 | 91麻豆精品国产91久久久更新资源速度超快 | 欧美69free性videos | 久久国产精品一区 | 九色成人在线 | 看91| 成人黄色短视频在线观看 | 色污视频在线观看 | 久久小视频| 91精品国产日韩91久久久久久360 | 亚洲电影免费观看国语版 | 91中文在线 | 国产宾馆3p国语对白 | 亚洲免费视频一区二区 | 日本最新免费二区三区 | 亚洲午夜不卡 | 国产无遮挡一区二区三区毛片日本 | 欧美日韩电影在线 | 久草视频免费 | 国产精品成人久久久久a级 欧美特黄一级高清免费的香蕉 |