webarenaでubuntu その31
概要
webarenaでubuntu18.04やってみた。
apache2.4,php7.2やってみた。
ファイルアップロードやってみた。
ajaxでやってみた。
サンプルコード
$("document").ready(function() {
var upfile;
$("#imageFile")[0].addEventListener("change", function() {
var reader = new FileReader();
reader.onload = function(e) {
$("#imgsrc")[0].src = reader.result;
};
upfile = this.files[0];
reader.readAsDataURL(upfile);
}, true);
$("#upload").click(function() {
var fd = new FormData();
fd.append("pngfile", upfile);
$.ajax({
url: "/upload.php",
type: "post",
data: fd,
processData: false,
contentType: false,
success: function(res) {
alert("success!");
$("#imgdst")[0].src = "/png/test.png";
},
error: function(res) {
alert('err!');
}
});
});
});
$("document").ready(function() {
var upfile;
$("#imageFile")[0].addEventListener("change", function() {
var reader = new FileReader();
reader.onload = function(e) {
$("#imgsrc")[0].src = reader.result;
};
upfile = this.files[0];
reader.readAsDataURL(upfile);
}, true);
$("#upload").click(function() {
var fd = new FormData();
fd.append("pngfile", upfile);
$.ajax({
url: "/upload.php",
type: "post",
data: fd,
processData: false,
contentType: false,
success: function(res) {
alert("success!");
$("#imgdst")[0].src = "/png/test.png";
},
error: function(res) {
alert('err!');
}
});
});
});
以上。
Author And Source
この問題について(webarenaでubuntu その31), 我々は、より多くの情報をここで見つけました https://qiita.com/ohisama@github/items/a50d74ec38fd55abef4b著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .