FormData对像上传图片

今天使用了一款编辑器,没有图片上传功能,只能自己写一个简单的了。

使用FormDdata上传图还是相当方便的,只需要构建一个表单隐藏起来就行了。

//html
<form id="uploadForm" enctype="multipart/form-data" style="display:none">
    <input id="filebtn" type="file" name="file"  />
</form>

//js
<script>
var formData = new FormData($('#uploadForm')[0]);
formData.append('token':token)//还可以加自己的token
$.ajax({
    url:'uploadpath',
    type: 'POST',
    cache: false,//上传文件就不要用缓存咯
    data: formData,
    processData: false,// 不处理数据
    contentType: false,//不要设置Content-Type请求头
    success: function (result) {
        console.log(result)
    },
    dataType:'json'

})
</script>

//就这几行代码就能把图片上传到服务器咯。
注意:formData它是一个DOM对像并不是Jquery对像

//php

var_dump($_FILES);

多图的话把input设置multiple属性,name可以设置成file[] 这样子就行咯,还可以加accept="image/*"这个属性只能选择图片。

Tags javascript 建站

留言(0)

评论