jsでサムネイル表示
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
[[WorldCraft wiki]]
このようなJavaScriptで画像ファイルをアップロードすること...
HTML部分
form action="#" method="post" enctype="multipart/form-da...
<ul>
<li>
<input type="file" id="upload1" name="images...
</li>
<li>
<input type="file" id="upload2" name="images...
</li>
</ul>
<p id="preview1"></p>
<p id="preview2"></p>
</form>
JavaScript部分
$(function() {
// classが未指定の場合はclass="thumb"が出力される
$('#pictureA').uploadThumbs({
position : '#preview1', // any: arbitrarily j...
classname : 'c-formparts__uploadingPhoto',
imgid : 'preview_img1'
});
$('#pictureB').uploadThumbs({
position : '#preview2', // any: arbitrarily jq...
classname : 'c-formparts__uploadingPhoto',
imgid : 'preview_img2'
});
});
参考URL~
http://test1.zenyuseki.or.jp/stoneShop/stoneShops/edit.ht...
http://www.dekasu.net/upload_thumbs/~
終了行:
[[WorldCraft wiki]]
このようなJavaScriptで画像ファイルをアップロードすること...
HTML部分
form action="#" method="post" enctype="multipart/form-da...
<ul>
<li>
<input type="file" id="upload1" name="images...
</li>
<li>
<input type="file" id="upload2" name="images...
</li>
</ul>
<p id="preview1"></p>
<p id="preview2"></p>
</form>
JavaScript部分
$(function() {
// classが未指定の場合はclass="thumb"が出力される
$('#pictureA').uploadThumbs({
position : '#preview1', // any: arbitrarily j...
classname : 'c-formparts__uploadingPhoto',
imgid : 'preview_img1'
});
$('#pictureB').uploadThumbs({
position : '#preview2', // any: arbitrarily jq...
classname : 'c-formparts__uploadingPhoto',
imgid : 'preview_img2'
});
});
参考URL~
http://test1.zenyuseki.or.jp/stoneShop/stoneShops/edit.ht...
http://www.dekasu.net/upload_thumbs/~
ページ名: