php+ajax+h 5 ajax画像アップロードを実現
1441 ワード
htmlページコード
$(function () {
$("#upload").click(function () {
$("#imgWait").html(「アップロード 」);
var formData = new FormData();
formData.append("myfile", document.getElementById("file1").files[0]);
$.ajax({
url: "/Home/index/fileupsend",
type: "POST",
data: formData,
/**
* しいContent-typeが に されるにはfalseが です
*/
contentType: false,
/**
*jQueryによるformdataのデフォルト を けるにはfalseが です
*XMLHttpRequestはformdataを しく します
*/
processData: false,
success: function (data) {
if(data){
alert(「アップロード !」);
}
$("#imgWait").html(「アップロード 」);
},
error: function () {
alert(「アップロードに !」);
$("#imgWait").hide();
}
});
});
});
phpコード
Title
ファイルを :$(function () {
$("#upload").click(function () {
$("#imgWait").html(「アップロード 」);
var formData = new FormData();
formData.append("myfile", document.getElementById("file1").files[0]);
$.ajax({
url: "/Home/index/fileupsend",
type: "POST",
data: formData,
/**
* しいContent-typeが に されるにはfalseが です
*/
contentType: false,
/**
*jQueryによるformdataのデフォルト を けるにはfalseが です
*XMLHttpRequestはformdataを しく します
*/
processData: false,
success: function (data) {
if(data){
alert(「アップロード !」);
}
$("#imgWait").html(「アップロード 」);
},
error: function () {
alert(「アップロードに !」);
$("#imgWait").hide();
}
});
});
});
phpコード
public function fileupsend(){
$type_pic = $this->file_upload('1',array('jpg', 'gif', 'png', 'jpeg'),'filetest','myfile');
echo $type_pic['img_path'];
}
:https://www.cnblogs.com/chen1970s/p/7743680.html