作成
jquery:画像ファイルのドラッグ&ドロップ&コピー
画像ファイルのドラッグ&ドロップのjqueryを使ったUI です。 *#R+#ローカル→サーバー ではなく #R+#サーバー→サーバー です。 ###explain こんなかんじのUIです。ドラッグアンドドロップで画像をコピーしたり、移動させたりする処理です。 ###center (img://21/255m) ###title ソース ###source ###memo html側の #*#class="drag" は jquery側の #*#$(".drag") と合わせます。要所だけ記載しておきます。*
などのcssは適宜してください。 ###source (html)
###memo ついでに /img/33.jpg が存在しない場合は nophoto.png を表示するように .htaccess なども細工しておきます。 ###source (.htaccess) ErrorDocument 404 /img/nophoto.png ### ###title 所感 ### WEB上でドラッグ&ドロップできると気持ちいいです。お客様にも評判がよかったです。ちなみに、Androidのスマホ・タブレットでも普通にできました。 ###center (img://21/256m) ### アップロードのUIやサーバー側の処理は省略します。 ###center (img://21/258s) ###memo 今回は サーバー→サーバーですが、機会があれば ローカル→サーバー のドラッグ&ドロップも説明します。
wakatta 記法
投稿の仕方
基本的な記法
エンジニア向け記法
記法のサンプル
このコンテンツを見る