jsでサムネイル表示

WorldCraft wiki

このようなJavaScript?で画像ファイルをアップロードすることなく、ブラウザに現在アップロードさせたいファイルを表示させることができます。

HTML部分

form action="#" method="post" enctype="multipart/form-data">
    <ul>
        <li>
            <input type="file" id="upload1" name="images[]" multiple="multiple" />
        </li>
        <li>
            <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/