わんすけに聞いてみる Javascript テキストドロップでshift-jisで読み込むサンプル[jquery]

テキストドロップでshift-jisで読み込むサンプル[jquery]

vbすくりぷとびるだーの開発を進めてて、出力したvbscriptをまたビルダーに戻したら
フローが復元できたりしたらかっこいいなーと思って
ブラウザ上でファイルドロップされたファイルの中身を表示できるものを探して見た。

Leko/filedrop.js

以下、そのまま使ってみたらshift-jis文字がめっちゃ文字化けした。
今回やりたいことはvbscriptの再取込みだから、ちょっと修正してみる。

reader.readAsText(file);

この部分に文字コードの指定をいれればいいっぽい。

reader.readAsText(file, 'shift-jis');

ほほぅ。これで文字化けせずにテキストが表示されました。
vbすくりぷとびるだーもコツコツ開発してだいぶUIが充実してきたのでもーすこしな感じしてきたなー

以下、サンプル。
グレーのとこにファイルをドロップするとテキストの内容が画面に表示されます。

Drop files here


※ 追記 2019/07/28
サンプルコードのソースがわかるようにCodePenを追加

See the Pen
filedrop-test_js
by yusuke.izumi (@wansuke)
on CodePen.

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Related Post