【问题标题】:How to preview a image before uploading it to the server?如何在将图像上传到服务器之前预览图像?
【发布时间】:2011-08-30 11:33:03
【问题描述】:

我有一个表格,可以将产品添加到在线商店,并且包含这么多字段

1) 产品名称

2) 产品代码

3) 产品说明

4) 产品价格

5) 产品图片

现在我希望当用户/管理员使用 asp.net 的文件上传控件选择图像时,在选择将在图像控件中显示的产品图像之后,用户将其上传到服务器。

我只需要在上传到服务器之前预览该图像,它将使用这些 javascript、jquery、Ajax 或 c# 中的任何一个

请帮帮我...

提前致谢。 光辉毗湿奴

【问题讨论】:

标签: c# javascript jquery asp.net ajax


【解决方案1】:

C# 在服务器上执行,因此图像必须已经存在。

Javascript 和 jQuery 在客户端运行,因此您可以在这两个方面获得更多运气(实际上,JQuery 只是浏览器中 JS 引擎之上的一个 JS 库)。

为什么不使用浏览器打开/选择文件对话框的预览功能呢?

【讨论】:

    【解决方案2】:

    您需要一个为 Gecko 使用 dataURI 的脚本...

    这可能不适用于 Web 服务器的默认安全性,但如果您从硬盘加载页面,则可以使用

    http://javascript.internet.com/forms/image-upload-preview.html

    【讨论】:

      【解决方案3】:

      除非您使用 Flash 或其他一些 ActiveX 插件,否则您无法安静地仅使用 JavaScript 来做到这一点。这是因为出于安全原因,您无法在未经许可的情况下访问客户端计算机资源。您只能在服务器上上传并预览。希望这对您有意义。

      【讨论】:

      • 问题是关于在上传之前预览图片。
      • 谁可以删除反对票,我修改了我的答案?
      【解决方案4】:

      快速谷歌搜索没有显示任何有希望的结果(至少有一个以跨浏览器的方式工作)。最好的方法是使用 Flash(版本 > 10,因为它是第一个使您能够访问用户选择的本地文件的版本)。它可以是简单的 Flash(或 Flex)应用程序,您可以找到许多操作/显示用户选择的文件发送到服务器之前的示例。 Here 您可以找到此类应用程序的示例(由我制作)。您可以从本地磁盘中选择图像并在将其上传到服务器之前显示/可以对其进行操作。

      查看previewing an image before uploading it(Flex)的简单示例

      【讨论】:

        猜你喜欢
        • 2011-10-08
        • 1970-01-01
        • 2015-06-29
        • 2011-05-26
        相关资源
        最近更新 更多