この記事では、JSによる画像プレビューをアップロードする方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします：関数previewimage（imgfile）
{
var fileextension = imgfile.value.substring（imgfile.value.lastindexof（ "。"）、imgfile.value.length）;
fileextension = fileextension.tolowercase（）;
if（（fileextension！= '。Jpg'）&&（fileextension！= '。gif'）&&（fileextension！= '。jpeg'）&&（fileextension！= '。png'）&&（fileextension！= '。bmp'））））
{
アラート（「申し訳ありませんが、システムは標準形式の写真のみをサポートしています。形式を調整して、もう一度アップロードしてください、ありがとう！」）;
imgfile.focus（）;
}
それ以外
{
var Path;
if（document.all）// ie
{
imgfile.select（）;
path = document.selection.createrange（）。text;
document.getElementById（ "imgpreview"）。innerhtml = "";
document.getElementById（ "imgpreview"）。style.filter = "progid：dmincigetransform.microsoft.alphaimageloader（enabled = 'true'、sizingmethod = 'scale'、src =/" " + path +"/"）"; //フィルター効果を使用します
}
else // ff
{
path = imgfile.files [0] .getasdataurl（）;
document.getElementById（ "imgpreview"）
// document.getElementById（ "IMG1"）。src = path;
}
}
}
呼びかけ：
コードを次のようにコピーします。画像をアップロードします：<入力タイプ= "ファイル" name = "file"
style = "width：200px; height：20px;" onchange = "previewimage（this）" id = "upload" />
<div id = "imgpreview">
</div>
操作効果は、次の図に示されています。
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。