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">渠道來(lái)源</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>移動(dòng)</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("請(qǐng)選擇需要導(dǎo)入的搜索詞文件");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//這兒的三個(gè)參數(shù)其實(shí)就是XMLHttpRequest里面帶的信息。success: function (result, a1, a2) {result = JSON.parse(result);if (result.code == 0) {toastr.success("導(dǎo)入成功");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;

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。