ajax上传文件

最新推荐文章于 2025-08-12 18:06:10 发布

转载最新推荐文章于 2025-08-12 18:06:10 发布 · 44 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/AnymoreCoder/blog/740644

文章标签：

#python

2019独角兽企业重金招聘Python工程师标准>>>

HTML的内容主要是各种input框的布局。主要贴上js代码，如下：

$("#Submit").click(function(){
	var form,inputArray,params,callback;
	form = document.querySelector("#myForm");
        inputArray = form.querySelectorAll(".field");
        params = new Params();
       for (i = 0; i < inputArray.length; i++) {//采集input中的值，若为空，则不采集
        e = inputArray[i];
        if (e.value != null && e.value != "") {
            params[e.name] = e.value;
        }
    }
    //select的值
    var level=$("#levelEditor").val();
    params.level=level;
    console.log(params);    
    //文件内的数据
    var fileObj = $("#InputFileEditor").get(0).files[0];; // 获取文件对象
    var url = YOUR-URL;
    // 接收上传文件的后台地址
    // FormData 对象
    var form = new FormData();
  // 把之前手记的表单数据append到form中，随文件一起上传
    form.append("level", params.level); 
    form.append("log ", params.versionDesc);                
    form.append("deployTime", params.publishTime);
    form.append("version",params.version);
    form.append("appType",params.appType);
    form.append("file", fileObj);                           // 文件对象
    // XMLHttpRequest 对象
    var xhr = new XMLHttpRequest();
    xhr.open("post", FileController, true);
    xhr.onload = function (data) {
        var result = eval('(' + xhr.responseText + ')');  
        alert(result.message);
      };
    xhr.send(form);

});

转载于:https://my.oschina.net/AnymoreCoder/blog/740644