ブラウザのすべてのバージョンはローカル画像プレビュー_html/css_WEB-ITnose と互換性があります

1.IE ブラウザ

6: inputFile オブジェクトの値を直接取得し、img タグの src に埋める
7++: ブラウザのセキュリティ制限により、絶対パスを使用して画像を直接表示することはできませんAlphaImageLoader フィルターのスキルが必要です (IE 固有)
through ‐ ‐ ‐ ‐ フィルタ: progid: DXImageTransform. galcn/item /6f9946b8900c33d385dd79e6
上記のコードは、より実用的です: .text;
document.selection .empty() ;
inputFile.src="http://qzs.qq.com/ac/b.gif")
img.src = "http://qzs.qq.com/ac/b.gif" ;
img. style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='"+ imageUrl +"')";
2 最新のブラウザ

chrome

ブラウザは FileReader オブジェクトをサポートします

FileReaer.result はファイルの内容を返します

var Reader = new FileReader();

reader.readAsDataURL(self.inputFile.files[0])

Reader.onload = function(evt){img.src; = EVT .target. result;

FF
inputFile.files.item(0)。 gettAsDataURL(); // FF でサポートされています。

これらは単なるコード スニペットです。