この記事では、JSによる画像をアップロードする前に画像プレビュー効果を実装する方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
コードを次のようにコピーします。
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> js </title>による写真をアップロードする前の画像プレビュー効果</title>
</head>
<body>
<入力ID = "myfile" type = "file" />
<br />
<img src = "/images/logo.gif"/>
<div id = "info"> </div>
<script type = "text/javascript">
var dfile = document.getElementById（ 'myfile'）;
var dimg = document.getElementsByTagname（ 'img'）[0];
var dinfo = document.getElementById（ 'Info'）;
dfile.onchange = function（）{
if（！dfile.value.match（/。jpg| .gif | .png | .bmp/i））{alert（ 'ファイルタイプは：.jpg、.gif、.bmpまたは.png！'）; return;}
if（dfile.files）{
dimg.src = dfile.files [0] .getasdataurl（）;
} else if（dfile.value.indexof（ '//'）> -1 || dfile.value.indexof（ '//'）> -1）{
dimg.src = dfile.value;
}
}
</script>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。