Question

ajax 上传图片

<div class="add_pic">
<form name="add_pic" method="post" enctype="multipart/form-data" id="add_pic">
<img src="/static/home/images/user/add_pic.gif">
<input type="file" name="Filedata" id="upload">
<input type="hidden" name="id" value="{$id}">
</form>
</div>

$("#upload").change(function() {

var formData = new FormData($("#add_pic"));
$.ajax({
url: "/user/operate/upload",
type: "post",
data: formData,
success: function(data) {
if (data.status == true) {

} else {
alert(data.errmsg);
}
}
});

});
结果 报错
TypeError: Argument 1 of FormData.constructor does not implement interface HTMLFormElement.

怎么解决

Answer 1

你用的post，那么你的接口中要用一个对象接收参数，然后从其中取出图片，保存到服务器上。也可以将图片转成base64，然后提交到服务器反转回来图片。