客户端上传预览图片，无需回传

Question

我需要上传图像，然后预览它没有张贴回来，因为我需要有一个文件上传控件(甚至HTMLinputfile或ASPfileupload)，然后用户将浏览选择图像后选择(浏览)将有一个按钮(HTMLInputButton)，将保存上传的图像并预览它。

我有以下代码：

<div>
    <input id="UploadInput" type="file" value="Upload" />
    <br />
    <input id="PreviewBtnInput" type="button" value="Preview" onclick="ShowPreview()" /> 
    <br />
    <img id="ImgUploaded"  />
</div>

那么我该如何完成这项任务呢？

感谢提前为任何答复，但请如果任何人有一个文章的链接，谈这个问题，请我需要一个明确的代码，而不是文章的细节。

Answer 1

您可以使用下面提到的项目在上传之前预览图片。工作样本也附上。

http://www.dotnetspider.com/resources/40858-Preview-Image-before-uploading-using.aspx

它使用AjaxControlToolKit的AsyncFileUploadControl和HTTPHandler来上传图片。

Answer 2

为了在将图像上传到服务器之前进行预览，您需要使用基于Flash、Silverlight、ActiveX或Java Applet的文件上传器。文件输入本身不允许您与实际的文件进行交互并将其显示在您的网页中。单独使用它将需要您将文件上传到服务器，然后您可以使用URL (直接作为文件或通过HTTPHandler)引用它。如果你必须在发帖前进行预览，你应该寻找一个现有的产品，可以在客户端为你处理这个问题。用谷歌快速搜索flash-based file upload，在搜索结果中出现了this、this和this。