HTML代碼

<div class="form-group"><label class="col-sm-2 control-label">文件上傳</label><div class="col-sm-10"><input type="file" class="file" id="search_key_file"accept=".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/></div></div><div class="form-group"><label class="col-sm-2 control-label">渠道來源</label><div class="col-sm-10"><input type="radio" name="search_key_type" value="1" checked><label>PC</label><input type="radio" name="search_key_type" value="2"><label>移動</label></div></div><div class="form-group"><div class="col-sm-10 col-sm-offset-2" style="margin-top: 10px;"><button class="btn btn-primary" type="button" onclick="xhrSubmit();">確定</button><button class="btn btn-white" type="button" onclick="cancelXhrSubmit();">返回</button></div></div>

JS代碼

var file_obj = document.getElementById('search_key_file').files[0];console.log(file_obj);if (typeof (file_obj) == "undefined") {toastr.error("請選擇需要導入的搜索詞文件");return;}var type = $("input[name='search_key_type']:checked").val();var fd = new FormData();fd.append('accountId', searchKeyAccountId);fd.append('file', file_obj);fd.append('type', type);$.ajax({url: '/**/**',type: 'POST',data: fd,processData: false, //tell jQuery not to process the datacontentType: false, //tell jQuery not to set contentType//這兒的三個參數其實就是XMLHttpRequest里面帶的信息。success: function (result, a1, a2) {result = JSON.parse(result);if (result.code == 0) {toastr.success("導入成功");var temp = document.getElementById('search_key_file');temp.outerHTML = temp.outerHTML;cancelXhrSubmit();} else {toastr.error(result.msg);}}})

清除上一次選中的文件

var temp = document.getElementById('search_key_file');temp.outerHTML = temp.outerHTML;

總結

以上是生活随笔為你收集整理的Ajax上传文件及携带参数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。