(60) Ajax\u3067\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9<\/a> \u306e \u4e00\u5fdc\u671f\u5f85\u901a\u308a\u306e\u52d5\u4f5c\u3092\u3057\u3066\u3044\u308b\u3002 \u3057\u304b\u3057…<\/p>\n \u3082\u3063\u3068\u30b9\u30de\u30fc\u30c8\u306a\u5b9f\u73fe\u65b9\u6cd5\u304c\u3042\u308b\u306f\u305a\u3060…<\/p>\n \u5b9f\u88c5\u4f8b\u306f\u3053\u3061\u3089\u3002 index.html<\/b><\/p>\n style.css<\/b><\/p>\n script.js<\/b><\/p>\n putfile.php<\/b><\/p>\n viewimg.php<\/b><\/p>\n 1. \u3084\u308a\u305f\u3044\u3053\u3068 (60) Ajax\u3067\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9 \u306e \u300c3. \u5fdc\u7528\u300d\uff0d\u300c(1) submit\u6642\u306b\u306f\u753b\u50cf\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u306a\u3044\u3002\u300d\uff0d\u300c1)\u6848\u305d\u306e1\u300d \u3092\u5b9f\u88c5\u3057\u3066\u307f\u305f\u3044\u3002 2. \u3084\u3063\u3066\u307f\u308b \u4e00\u5fdc\u671f\u5f85\u901a\u308a\u306e\u52d5\u4f5c\u3092\u3057\u2026 \u7d9a\u304d\u3092\u8aad\u3080 »<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,4],"tags":[],"class_list":["post-615","post","type-post","status-publish","format-standard","hentry","category-ajax","category-javascriptjquery"],"views":4245,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts\/615","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/comments?post=615"}],"version-history":[{"count":6,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts\/615\/revisions"}],"predecessor-version":[{"id":621,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts\/615\/revisions\/621"}],"wp:attachment":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/media?parent=615"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/categories?post=615"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/tags?post=615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n\u300c3. \u5fdc\u7528\u300d\uff0d\u300c(1) submit\u6642\u306b\u306f\u753b\u50cf\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u306a\u3044\u3002\u300d\uff0d\u300c1)\u6848\u305d\u306e1\u300d
\n\u3092\u5b9f\u88c5\u3057\u3066\u307f\u305f\u3044\u3002<\/p>\n2. \u3084\u3063\u3066\u307f\u308b<\/h1>\n
\n\u203bgarbage collection\u306f\u672a\u5b9f\u88c5<\/span><\/p>\n
\nhttps:\/\/www.dogrow.net\/hp\/sample\/00061\/<\/a><\/p>\n\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset="utf-8">\r\n<link rel="stylesheet" href=".\/style.css" \/>\r\n<script type="text\/javascript" src="\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.1.1\/jquery.min.js"><\/script>\r\n<script type="text\/javascript" src=".\/script.js"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<input type="file" name="upfile">\r\n<div id="upimg"><\/div>\r\n\r\n<form action=".\/viewimg.php" method="post">\r\n <input type="submit" value="\u6c7a\u5b9a">\r\n<\/form>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
\r\n@charset "utf-8";\r\n\r\ndiv#upimg img{\r\n\twidth: 200px;\r\n}\r\n<\/pre>\n\r\n$(function(){\r\n $.ajaxSetup({\r\n cache: false\r\n });\r\n\r\n \/\/ \u30d5\u30a1\u30a4\u30eb\u9078\u629e\u6642\u306b\u8d77\u52d5\r\n $(document).on('change','input[name="upfile"]',function(){\r\n \/\/ \u9078\u629e\u3055\u308c\u305f\u30d5\u30a1\u30a4\u30eb\u540d\u3092\u53d6\u5f97\r\n var fpath = $(this).val();\r\n if(fpath !== ''){\r\n var formData = new FormData();\r\n formData.append('file', $(this).prop('files')[0]);\r\n \/\/ Ajax\u8d77\u52d5\r\n $.ajax({\r\n type: "POST",\r\n url: ".\/putfile.php",\r\n cache : false,\r\n dataType : "text",\r\n data : formData,\r\n processData : false,\r\n contentType : false,\r\n timeout: 10000\r\n }).done(function(data) {\r\n \/\/ \u6210\u529f\u6642\u306e\u51e6\u7406\r\n var disp = "<b>ERROR<\/b>";\r\n if(data != ''){\r\n disp = '<img src="' + data + '">';\r\n }\r\n $('#upimg').html(disp);\r\n }).fail(function(){\r\n \/\/ \u5931\u6557\u6642\u306e\u51e6\u7406\r\n window.alert("ERROR: Can't upload data.");\r\n });\r\n }\r\n });\r\n});\r\n<\/pre>\n\r\n<?\r\n session_start();\r\n\r\n $ret = '';\r\n\r\n \/\/ \u30d5\u30a1\u30a4\u30eb\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3042\u308a\uff1f\r\n if(FALSE === isset($_FILES['file']['tmp_name'])){\r\n goto tagEND;\r\n }\r\n \/\/ \u30d5\u30a1\u30a4\u30eb\u540d\u3042\u308a\uff1f\r\n if('' == $_FILES['file']['tmp_name']){\r\n goto tagEND;\r\n }\r\n $fpath_src = $_FILES['file']['tmp_name'];\r\n \/\/ \u753b\u50cf\u30d5\u30a1\u30a4\u30eb\uff1f\uff08PNG or JPEG\uff09\r\n $imgInfo = getImageSize($fpath_src);\r\n if(FALSE === $imgInfo){\r\n goto tagEND;\r\n }\r\n switch($imgInfo[2]){\r\n case IMAGETYPE_JPEG:\r\n case IMAGETYPE_PNG:\r\n break;\r\n default:\r\n goto tagEND;\r\n }\r\n \/\/ \u30ab\u30ec\u30f3\u30c8\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u753b\u50cf\u3092\u30b3\u30d4\u30fc\r\n $fpath_dst = $_FILES['file']['name'];\r\n move_uploaded_file($fpath_src, $fpath_dst);\r\n\r\n $_SESSION['UPFILE'] = $fpath_dst;\r\n $ret = $fpath_dst;\r\n\r\ntagEND:\r\n \/\/ \u7d50\u679c\u51fa\u529b\r\n echo $ret;\r\n<\/pre>\n\r\n<?\r\n session_start();\r\n\r\n $disp = '';\r\n if(TRUE === isset($_SESSION['UPFILE'])){\r\n $disp = "<img src='{$_SESSION['UPFILE']}'>";\r\n }\r\n\r\necho <<< EOM\r\n<!DOCTYPE html>\r\n<html>\r\n <head><\/head>\r\n <body>{$disp}<\/body>\r\n<\/html>\r\nEOM;\r\n<\/pre>\n
\n","protected":false},"excerpt":{"rendered":"