達成するためのHTMLアップロード画像のプレビュー機能

フォームコード（のみアップロードセクションを取るために）：

< 入力クラス= "selectImg" スタイル= "位置：絶対;不透明度：0;幅：100ピクセル、高さ：100pxに、" タイプ= "ファイル" 名= "coverChart" のonchange = "showImg（この）" >

 

JSコード：

// 图片预览
関数showImg（OBJ）{ 
    $（ ".doShow "）、CSS（"背景画像"、 "URL（ '" + getObjectURL（obj.files [0]）+ "'）"。 ）。
} 

// 不同浏览器获得图片のURL 
関数getObjectURL（ファイル）{
     VARの URL = NULL ;
    もし（！window.createObjectURL = 未定義）{ 
        URL = window.createObjectURL（ファイル）; 
    } それ以外 の場合（window.URL =！未定義）{ 
        URL = window.URL.createObjectURL（ファイル）; 
    } それ以外の 場合（window.webkitURL！=未定義）{ 
        URL = window.webkitURL.createObjectURL（ファイル）。
    } 
    戻りURL; 
}

 

参考リンク：https://blog.csdn.net/man_zuo/article/details/83115212