1、URL.createObjectURL() 静的メソッドを作成する DOMString
パラメータを表す、そのURLオブジェクト。そのライフサイクルとはのURLでウィンドウを作成 document
バインディング。
2、各呼び出しで createObjectURL()
、あなたも作成するためのパラメータとして同じオブジェクトを使用している場合でも、この方法は、新しいURLオブジェクトを作成します。これらのURLオブジェクトが不要になった場合には、各オブジェクトが呼び出してはならない URL.revokeObjectURL()
方法を解放します。とき文書出口ブラウザが自動的にそれらを解放しますが、最高のパフォーマンスとメモリ使用量のために、あなたは安全な機会でそれらを軽減するためのイニシアチブを取る必要があります。
<!DOCTYPE HTML> <HTML LANG = "EN"> <HEAD> <メタ文字コード= "UTF-8"> <タイトル>图片预览</ TITLE> </ HEAD> <BODY> の<input type = "ファイル"のid = "ファイル"複数> の<divのid = "プレビュー">图片预览</ div> <スクリプト> VARプレビュー= document.querySelector( '#プレビュー'); VAR OFILE = document.querySelector( '#ファイル'); oFile.onchange =関数(){ VARのURL = window.URL.createObjectURL(oFile.files [0])。 //创建预览图片 するvar IMG =新しいイメージ(); img.src = URL; img.style。幅= "80px"; img.style.height = "80px"; preview.appendChild(IMG)。 } </ SCRIPT> </ body> </ HTML>