为了更好地学习Web开发,我试图编写一个PHP页面,该页面将允许我从服务器上载和下载文件,这是我以前在ASP中完成的。
但是,我绊倒了原因说的事情应该很简单,但是我找不到答案。
这是浏览/提交的漂亮标准代码:
<form enctype="multipart/form-data" action="uploadFile.php" method="POST"/>
<input type="hidden" name="MAX_FILE_SIZE" value="500000" />
<input type="file" name="pix" size="100" />
</form>
现在,当您在出现的网页上单击“浏览..”按钮时,将显示标准文件对话框,然后返回到文本框中具有正确文件路径的页面。 (并且,当我单击提交时,我的uploadfile.php可以正常工作。)
我想要做的实际上是在网页上向用户显示(如果是我的话)图片,如果它是适合IMG的文件,或者是非图片文件的占位符图片-在用户单击“提交”按钮之前。
请注意,客户端文件的正确路径名在页面上正确。我一辈子都无法弄清楚如何从DOM捕获它,或者就此而言,不能弄清楚如何使JavaScript注意到return-with-correct-pathname来触发显示图片。
(对于这个问题的广泛性,我深表歉意。我确实在这里搜索了以前的问题和答案,但是在我可能不仅缺少技术术语而且没有概念的情况下,很难提出问题。)
最佳答案
您可以使用Firefox和其他支持FileList API的浏览器来执行此操作。
var myImage = new Image(),
myImage.src = myFileInput.files[0].getAsDataURL();
编辑:不应在客户端上指定最大文件大小,因为它可以被利用,但您至少可以使用
files[0].getAsBinary().length
在客户端上对其进行验证。