php - 加载用户在网页上选择的图像

Question

我有一个表格。为了简单起见，表单中的唯一元素是文件上传:

<form name="MyForm" action="upload_file.php" enctype="multipart/form-data" method="post">
    <input type="file" name="file" id="file" size="40"> 
    <button type="button" onclick="draw()">Refresh</button>
    <input type="submit" name="upload" value="Upload"> 
</form>

在 upload_file.php 中，我以通常的方式检索参数。

我的网页上有一个默认图像

<img src="Images/default_icon.png" width="70px" height="70px"/>

我想用用户从“选择文件”对话框中选择的图像替换该图像，然后(我想这是必要的)按“刷新”按钮。用户可以上传任意数量的文件，当他最终对图像感到满意时(当然只能看到最后上传的)，他按下上传按钮，将他带到下一个网页并将图像上传到服务器.

我对网络编程没有太多知识，但我想我知道我必须将图像上传到专用文件夹，因为我无法检索和使用客户端计算机上图像的路径。然后我可以从服务器下载图像并加载它，如下所示:

$url = '/upload/'.$_FILES["file"]["name"]; ///upload/icon.jpg

和

<img src="<?php echo $url; ?>" width="70px" height="70px"/>

请帮助我解决这个问题或将我重定向到一个不错的教程。 也欢迎对其在实践中如何运作的解释。

谢谢

Answer 1

我想你需要这样的东西:

http://blueimp.github.com/jQuery-File-Upload/