[[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/~


トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS