在客户端上传和预览图像而不回发

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的快速Google，在结果中显示this，this和this。