[[WorldCraft wiki]] このようなJavaScriptで画像ファイルをアップロードすることなく、ブラウザに現在アップロードさせたいファイルを表示させることができます。 HTML部分 <form action="#" method="post" enctype="multipart/form-data"> form action="#" method="post" enctype="multipart/form-data"> <ul> <li> <label> <input type="file" name="images[]" multiple="multiple" /> </label> <input type="file" id="upload1" name="images[]" multiple="multiple" /> </li> <li> <label> <input type="file" name="images[]" multiple="multiple" /> </label> <input type="file" id="upload2" name="images[]" multiple="multiple" /> </li> </ul> <p id="preview1"></p> <p id="preview2"></p> </form> JavaScript部分 $(function() { // classが未指定の場合はclass="thumb"が出力される $('#pictureA').uploadThumbs({ position : '#preview1', // any: arbitrarily jquery selector classname : 'c-formparts__uploadingPhoto', imgid : 'preview_img1' }); $('#pictureB').uploadThumbs({ position : '#preview2', // any: arbitrarily jquery selector classname : 'c-formparts__uploadingPhoto', imgid : 'preview_img2' }); }); 参考URL~ http://test1.zenyuseki.or.jp/stoneShop/stoneShops/edit.html~ http://www.dekasu.net/upload_thumbs/~