JS_javascriptスキルで画像をアップロードする前に画像プレビュー効果を実現する方法

この記事の例では、JS を使用して画像をアップロードする前に画像のプレビュー効果を実現する方法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<頭>

<スクリプトタイプ="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;
}
}

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。