Question

php 如何实现图片上传前预览，并且有多个图片上传和预览

如图，我想上传图1的时候在图1的位置显示预览，上传图2在图2的位置显示预览，并且按钮提交后上传到服务器或者直接存入mysql数据库，如何实现？最好有详细的代码。谢谢

Answer 1

<form name="form4" id="form4" method="post" action="#"> <input type="file" name="file4" id="file4" ōnchange="preview4()" /> <img id="pic4" src="" alt="图片在此显示" width="120"/> </form> <scrīpt type="text/javascrīpt"> function preview4(){ var x = document.getElementById("file4"); var y = document.getElementById("pic4"); if(!x || !x.value || !y) return; var patn = /\.jpg$|\.jpeg$|\.gif$/i; if(patn.test(x.value)){ y.src = "file://localhost/" + x.value; } else{ alert("您选择的似乎不是图像文件。"); } } </scrīpt>