この記事の例では、純粋な JS を使用してローカル画像プレビューを実装する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。
ふと、インターネット上に似たようなコードがたくさんあることに気づきましたが、適切なものが見つかりませんでした。以前書いたものを元に書きました。コードは比較的簡潔で、以前に作成した JS を参照しています。メソッドは分離して個別に使用できます。あまり互換性があるかどうかはテストされていません。基本的にすべてのネイティブ ブラウザー (IE、FF、Chrome) がサポートしています
index.html は次のとおりです:
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="js/z.js"></script>
</head>
<body>
<center>
<img id="img" src="" /><p />
<input type="file" id="file" />
</center>
<script>
z.plimg(z.$('file'),z.$('img'),function(file,img,url){
alert(url);
});
</script>
</body>
</html>
z.js ここをクリックこのサイトからダウンロード。
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
