'append' вызывается для объекта, который не реализует интерфейс FormData
Я пытаюсь загрузить изображение на jquery и ajax. Но тут произошло нечто странное. В журнале консоли его показ
TypeError: 'append' вызывается для объекта, который не реализует интерфейс FormData.
пожалуйста, скажите мне, что я сделал неправильно здесь?
JS script
var prosrc=$("#pro_pix img").last().attr("src");
$("#logoform").on('change',function(event){
var postData = new FormData(this);
$("#pro_pix img").last().hide();
$("#pro_pix img").first().show();
event.preventDefault();
$.ajax(
{
url : "/function/pro_pic_upload.php",
type: "POST",
data : postData,
success:function(data, textStatus, jqXHR)
{
$("#pro_pix img").last().show();
$("#pro_pix img").first().hide();
$("#pro_pix h6").text(data);
},
error: function(jqXHR, textStatus, errorThrown)
{
//if fails
}
});
});
моя HTML разметка
<div class="row">
<!-- left column -->
<div id="pro_pix" class="col-md-4 col-sm-6 col-xs-12">
<div class="text-center">
<img src="template/image/725.GIF" class="avatar img-circle img-thumbnail" style="display:none" alt="avatar">
<img src="<?php echo $rowuser['profile_logo']; ?>" class="avatar img-circle img-thumbnail" alt="avatar">
<h6>Upload a different photo...</h6>
<form role="form" id="logoform" enctype="multipart/form-data">
<input id="logo" name="logo" type="file" class="text-center center-block well well-sm">
</form>
</div>
</div>
3 ответа:
чтобы использовать formdata с jquery, вы должны установить правильные параметры
$.ajax({ url : "/function/pro_pic_upload.php", type: "POST", data : postData, processData: false, contentType: false, success:function(data, textStatus, jqXHR){ $("#pro_pix img").last().show(); $("#pro_pix img").first().hide(); $("#pro_pix h6").text(data); }, error: function(jqXHR, textStatus, errorThrown){ //if fails } });
processData (по умолчанию: true)
Тип: Boolean
по умолчанию данные передаются к опции данных как объекта (технически, ничего, кроме a строка) будет обработана и преобразована в строку запроса, подгонку к типу содержимого по умолчанию "application / x-www-form-urlencoded". Если вы хотите отправить DOMDocument или другие необработанные данные, установите это параметр в false.