220324 TIL
Today I Learned
1.プロジェクト問題シュート
FileReaderプレビューで複数の画像を処理する
写真をアップロードする前に、プレビューのために早く処理しました.
JavaScriptに埋め込まれたFileReaderを読み込みます.const reader = new FileReader();
base 64ファイルのデータurlを抽出しhtmlに送信すればよい.reader.readAsDataURL(file);
reader.onload = () => {
console.log(reader.result)
}
これを利用して、多くの画像もプレビューを実現しようとしています.for文を回して、各ファイルのurlを抽出して収集すればいいと思います.
しかし、どんな方法を使ってもファイルは含まれますが、本当の読み取りは読み取り専用で一番前に並んだ最初のファイルです.心を砕くようなこと.
答えは簡単すぎる.
FileReaderを呼び出すと、1つのファイルのみが読み込まれ、ロールは終了します.
だからforドアの外でFileReaderを発表して、回って、1つしか読めません......
for文で宣言すると、各ファイルはFileReaderを宣言します. for (let file of Files){
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onloadend = () => {
console.log(reader.result);
}
}
2.CS学習
第12章並列と非同期(p.475からp.476)
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => {
console.log(reader.result)
}
for (let file of Files){
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onloadend = () => {
console.log(reader.result);
}
}
複数のプログラムがリソースにアクセスできない場合は、
To Do
1.プロジェクト列のエンコーディングを完了する
2.CS学習を完了する
Always完成)アルゴリズム最低1題-20324's Algorithm
Today's Short Report
Reference
この問題について(220324 TIL), 我々は、より多くの情報をここで見つけました
https://velog.io/@vivala0519/220324-TIL
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
Reference
この問題について(220324 TIL), 我々は、より多くの情報をここで見つけました https://velog.io/@vivala0519/220324-TILテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol