犬ターネット

jQueryを使ってドラッグドロップした画像をbase64で表示する

2014-07-28 jquery javascript

ポイントは以下2点。

• $.event.props.push('dataTransfer'); で jQuery から dataTransfer イベントを使えるようにする → jQuery3から $.event.props が削除されたのでこれいらない。
• FileReader.readAsDataURL で base64 を取得

実際の動作サンプル。クリックしても動作するようにしてある。

drag & drop file and base64 sample

ソースは以下。

≪ 2014-07-29
canvasを使った画像変換

2014-07-27 ≫
DigiTech HardWire DL-8