ajax上传文件

发布时间：2020-12-16 02:46:42 所属栏目：百科来源：网络整理

导读：不用form表单：来源：https://www.cnblogs.com/ilovepan/p/10549236.html 不支持$this-request-file()获取图片后台接收文件请使用$_FILE html: div class = " upload " div class = " box-upload " span上传图片/span /div input type= " file " accept= "

不用form表单：

来源：https://www.cnblogs.com/ilovepan/p/10549236.html

不支持$this->request->file()获取图片

后台接收文件请使用$_FILE

html:

<div class="upload">
  <div class="box-upload">
    <span>上传图片</span>
  </div>
  <input type="file" accept="image/*" name="img" class="uploadImg" value="">
  <img src="" alt="" id="imgimg">
</div>

JQUERY:

$(".uploadImg").on("change",function () {

    var formData = new FormData();
    formData.append(‘img‘,this.files[0])


    $.ajax({
        url:‘/module/controller/uploadImg‘,data:formData,contentType: false,processData: false,type:‘post‘,dataType:‘json‘,success:function (res) {
            console.log(res)
        }
    })
})

如果你要现实页面上（还没有上传到服务器，但是谦容性有点问题）

function phone(a){
            var txt=a.files[0];
            var src=window.URL.createObjectURL(txt);
            return src;
        }

这样就能在没有上传到服务器上之前拿到图片了

用form表单：

来源：https://www.aspzz.cn/article/142708.htm

和：https://blog.csdn.net/x550392236/article/details/76690927

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!