>https://developer.mozilla.org/ja/docs/Web/HTML/Element/Input/file
?input type="file"?
わらう、、 >ファーム投稿で、 サーバに Upできます、、と、モジラ にかいてある。
type="file"
型の <input>
要素は、ユーザーが一つまたは複数のファイルを端末のストレージから選択することができるようにします。選択されると、ファイルはフォーム投稿を使用してサーバーにアップロードしたり、 JavaScript コードと File API を使用して操作したりすることができます。
++++++++++
01, いろいろ、教えていただいた。感謝!
読み込みと、書き出しは、
フロム ~ 要素 ボタン(送信) ~要素 で、可能 な、ようだ。
<form>
<input type="file" />
ファイル選択、 窓ひらく、
</form>
<br>
<br>
<button type="submit" formaction="" > 送信 </button>
こっちは、ボタン、マウスで、右打ち 、ファイル窓ひらく、
サンプルプログラムでは、 Window オブジェクトが、 代入されていて、 テストページを、 ブラウザで、HTML ファイル
で、保存 する。
これで、読みきおみデータを、 Json 形式で、 ストレージに保存する、 ~~作る 。。
++++
1、ファンクション ? ?は、使い方 (疑問=知らないこと、>> わかれば使える。)
2、理論和 V 、 両方0 ゼロ なら、ゼロ。 F?F > F ?は、比較する記号、に 文
function setBlobUrl(id, content) {
// 指定されたデータを保持するBlobを作成する。
var blob = new Blob([ content ], { "type" : "application/x-msdownload" });
// Aタグのhref属性にBlobオブジェクトを設定し、リンクを生成
window.URL = window.URL || window.webkitURL;
$("#" + id).attr("href", window.URL.createObjectURL(blob));
// $("#" + id).attr("download", "tmp.txt");
// console.log("hello world!");
alert( window.URL ) ;
alert(" blob -- !"+blob ) ;
}
//////////
// console.log("hello world!"); alert(" blob -- !"+blob
3、 window.URL <<に、 比較した 結果 代入 してる? ように、よめるのだが、 結果を出力してみる。
4、JS の処理はおわっていて、 ダウンロード~ リンクをクリックすると、 実行される。
5、 挙動変化は、 おなじ、ダウンロード命令が、 二つで、並んでるので、 一回目は、 ヒア、 ~
2回目、以降は、Dwnロード、 命令、 が、 実行された。
6、JQ、 では、 $("#" + id).attr("href", ~ と、 $("#" + id).attr("download", 、、で、
たぶん、 JQ から、 ブラウザの、 JS コマンドを 使っている ?
ヒア、コマンドは、 ファイルネームとして、 >7b38b8dd-25a8-4425-aff7-38b9e0107fd8 <<これ出力、 内部見出しそのまま?
a、二回目は >73dfdef1-e27d-4da2-8516-eaf948174014
b、 同じ内容でも ちがう、 3回目 53d1eb36-00c1-473e-ba16-55639f0c2ca0
c、 どんどん、違う名前で、ファイル書き出し してくれる。 ダウンロードデレクトリ固定で、固有ネームファイル、つかえる。
6、そーす 読み込み、JS 処理、 >部分出力、 リンク関係ファイル<これだけ、ストレージに 残す。
これで、プログラムを読む、 ジャバスクリプト が、作れそうだ。