formdata上传多张图片并显示

最新推荐文章于 2024-09-30 08:06:03 发布

大理无名道路

最新推荐文章于 2024-09-30 08:06:03 发布

阅读量7.3k

点赞数 2

本文链接：https://blog.csdn.net/qq_34228805/article/details/84027407

版权

js

function upImg(){

    formData.append('state', 0);
    formData.append('type', 0);

    $.ajax({
        url: "http://192.168.1.61:8080/WeMallManage/shopcommodity/uploadImg",
        type: 'POST',
        cache: false,
        data: formData,
        dataType:"json",
        timeout: 5000,
        //必须false才会避开jQuery对 formdata 的默认处理
        // XMLHttpRequest会对 formdata 进行正确的处理
        processData: false,
        //必须false才会自动加上正确的Content-Type
        contentType: false,
        xhrFields: {
            withCredentials: true
        },
        success:function(data) {
            //console.log(data.code);
                if(data.code=="000000"){
                    var data=data.data
                    //console.log(data.data);
                    sessionStorage.setItem("comm_img",data);
                    console.log(sessionStorage.getItem("comm_img"));
                    alert("图片上传成功");
                }else{
                    alert("图片上传失败");
                }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {

        }
    })
}

html部分

<div class="layui-upload">
   <div>
      <input type="file" name="files[]" accept='image/*' id="picture" multiple="multiple"/>
   </div>
   <div id="previewImg">
   </div>

   <a id="upImg" class="layui-btn" style="margin-top: 20px;">上传图片</a>
</div>