moji = reader.result; で値は入ってましたか？ ブラウザ上のDevToolsや開発ツールでコードをステップ実行しながら、変数の値をチェックするとよいかもしれません。
前提・実現したいこと
ブックマークから呼び出せるファイルのリネームツールを作ろうとしていました。
何度やってもnullかundefinedしか出てこないので困っています。
コード
html
<!DOCTYPE HTML> <html> <head> <script> function filesave(){ moji = document.getElementById('moji').files[0];//ファイルの取得 var reader = new FileReader(); reader.readAsText(moji); //データの読み取り moji = reader.result; //結果を返す filename = document.getElementById('name').value; //ファイルの名前をセット mime = document.getElementById('mime').value; //MIMEタイプをセット(不要かも) var blob = new Blob([moji], {type: mime}); //blobに格納 var link = document.createElement('a'); //ダウンロードボタンのかわり link.href = URL.createObjectURL(blob); link.download = filename; link.click(); URL.revokeObjectURL(link.href); //作ったものの後処理 } </script> </head> <body> ファイル<input type=file id=moji><br> 名前(拡張子込み)<input type=text id=name><br> mimeタイプ<input type=text id=mime><br> <br> <button Onclick=filesave()>保存</button> </body> </html>
やってみたこと
readAsTextの部分を色々変えてみる(readAsArrayBufferとか)
→結果変わらずでした。もっとひどくなりました。
よろしくお願いします。
ありがとうございます。
次からはそうしてみます。
まだ回答がついていません
会員登録して回答してみよう
