http:\/\/www.html5rocks.com\/ja\/tutorials\/file\/dndfiles\/<\/a><\/p>\n\u4e0a\u8a18\u30da\u30fc\u30b8\u3067\u5927\u4f53\u3084\u308a\u305f\u304b\u3063\u305f\u4e8b\u306f\u9054\u6210\u3067\u304d\u305f\u3051\u3069\u3001
\n\u6b8b\u5ff5\u306a\u3053\u3068\u306bIE8,9\u3067\u306fFireAPI\u306f\u5bfe\u5fdc\u3057\u3066\u304a\u3089\u305a\u3002<\/p>\n
\u306a\u306e\u3067\u3001\u30b5\u30fc\u30d0\u30fc\u306bajax<\/span>\u3067\u30a2\u30c3\u30d7\u3057\u3066\u8fd4\u308a\u5024\u3067URL\u3092
\n\u53d6\u5f97\u3057jQuery<\/span>\u3067\u753b\u50cf\u3092\u51fa\u3059\u3068\u3044\u3046\u65b9\u6cd5\u3092\u8003\u3048\u305f\u3002<\/p>\n\u25a0\u753b\u50cf\u30a2\u30c3\u30d7\u5074<\/span>
\n<!DOCTYPE HTML PUBLIC \"-\/\/W3C<\/span>\/\/DTD<\/span> HTML 4.01 Transtional\/\/EN\" \"http:\/\/www.w3c.org\/TR\/html4\/loose.dtd\">
\n<meta http-equiv=\"content-type\" content=\"text\/html\"\/>
\n<meta cherset = \"UTF-8<\/span>\">
\n<html lang=\"ja\">
\n<head>
\n<script type=\"text\/javascript<\/span>\" src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.2\/jquery.min.js\"><\/script>
\n<script type=\"text\/javascript<\/span>\" src=\"upload.js\"><\/script>
\n<script type=\"text\/javascript<\/span>\">
\n$(function() {
\n$('#upload_button').click(function() {
\n$('#file_id').upload('upload.php<\/span>', function(res) {
\n$(res).insertAfter(this);
\n}, 'html');
\n});
\n});<\/p>\nfunction image_upload(){ \/\/\u5373\u6642\u30a2\u30c3\u30d7
\n$('#file_id').upload('upload.php<\/span>', function(res) {
\n$(res).insertAfter(this);
\n}, 'html');
\n}
\n<\/script>
\n<title>\u753b\u50cf\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30c6\u30b9\u30c8<\/title>
\n<\/head>
\n<body>
\n<h1>\u753b\u50cf\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30c6\u30b9\u30c8<\/h1>
\n<input type=\"file\" name=\"upload_file\" id=\"file_id\" onchange=\"image_upload();\"><\/br>
\n<input type=\"button\" value=\"upload\" id=\"upload_button\">
\n<\/body>
\n<\/html><\/p>\n\u25a0\u753b\u50cf\u53d7\u3051\u53d6\u308a\u5074<\/span>
\n<?php<\/span>
\nfunction makeRandStr($length) {
\n$r_str = '';
\n$str = array_merge(range('a', 'z'), range('0', '9'), range('A', 'Z\"'));
\nfor ($x = 0; $x < $length; $x++) {
\n$r_str .= $str[rand(0, count($str)-1)];
\n}
\nreturn $r_str;
\n}
\ndefine('FILE_PATH','aaa\/image1\/');
\nif (!is_uploaded_file( $_FILES['upload_file']['tmp_name'])) {
\necho '<div>\u30d5\u30a1\u30a4\u30eb\u304c\u9078\u629e\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002<\/div>';
\nexit();
\n}
\n$image_name = makeRandStr(5);
\nmove_uploaded_file($_FILES[\"upload_file\"][\"tmp_name\"], FILE_PATH . $image_name . '.jpg');
\necho '<br><img src=\".\/image1\/' . $image_name . '.jpg\" width=\"100px\" height=\"100px;\">';
\n?><\/p>\n\u25a0\u305d\u306e\u4ed6<\/span>
\n\u540c\u3058\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306bimage1\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u3063\u3066\u304a\u304f\u3002
\n\u9aa8\u683c\u3068\u3057\u3066\u306f\u3053\u3093\u306a\u611f\u3058\u3067\u3044\u3051\u305d\u3046\u3002
\n\u7406\u60f3\u306f\u672c\u3061\u3083\u3093\u30a2\u30c3\u30d7\u6642\u306b\u3001\u30b5\u30e0\u30cd\u30a4\u30eb\u7528\u306e\u753b\u50cf\u306f<\/span>
\n\u6d88\u3057\u3068\u304f\u306e\u304c\u3088\u3055\u305d\u3046\u3002<\/span><\/p>\n\u5b9a\u671f\u7684\u306b\u30d5\u30a9\u30eb\u30c0\u5185\u306e\u753b\u50cf\u524a\u9664\u3063\u3066\u306e\u3082\u3084\u3063\u3066\u307f\u305f\u3044\u3002<\/span>
\n\u6642\u9593\u898b\u3064\u3051\u3066\u8abf\u3079\u308b\u3002<\/span><\/p>\n\/\/2013\/05\/22\u8ffd\u8a18<\/span><\/p>\n\u753b\u50cf\u30a2\u30c3\u30d7\u21d2url\u8fd4\u3057\u3066\u3082\u3089\u3046\u21d2\u30d7\u30ec\u30d3\u30e5\u30fc\u3059\u308b\u969b\u306b<\/p>\n
\u793e\u5185\u5c02\u7528\u30da\u30fc\u30b8\u3067\u306f\u3042\u308b\u3051\u3069\u3001\u540c\u3058URL\u304c\u9001\u3089\u308c\u3066\u304f\u308b\u3068\u3044\u3046\u3053\u3068\u304c\u3042\u3063\u305f\u3002<\/p>\n
\u3057\u304b\u3082firefox<\/span>,IE\u306e\u307f\u3002chrome<\/span>\u306f\u554f\u984c\u306a\u3057\u3002<\/p>\n\u7d50\u8ad6\u306f\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u53ef\u80fd\u6027\u3042\u308a\u3067\u3001url\u306b\u767b\u9332\u6642\u9593\u3092\u30af\u30a8\u30ea\u3067\u3064\u3051\u308b<\/p>\n
\u3053\u3068\u3067\u6539\u5584\u3055\u308c\u305f\u3002<\/p>\n
aaa.jpg?time=~~~\u307f\u305f\u3044\u306a\u611f\u3058\u3067time\u306e\u65b9\u306f\u767b\u9332\u6642\u9593\u3092\u53d6\u5f97\u3057\u3066<\/p>\n
\u3064\u3051\u308b\u5f62\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u3084\u308a\u305f\u3044\u4e8b\u306f\u3001 \u30fb<input type=\"file\">\u3067\u753b\u50cf\u3092\u9078\u629e ... <\/p>\n","protected":false},"author":1,"featured_media":1071,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2,3],"tags":[91],"class_list":["post-300","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php","category-jquery","tag-image"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t