在將圖像上傳到服務器之前如何預覽？

Question

我有一個將產品添加到在線商店的表格，其中包含許多字段

1）產品名稱

2）產品編號

3）產品說明

4）產品價格

5）產品圖片

現在我希望當用戶/管理員使用asp.net的文件上傳控件選擇一個圖像時，在選擇將在圖像控件中顯示的產品圖像之后，用戶將其上傳到服務器。

我需要做的就是預覽該圖像，然后再將其上傳到服務器，這將是通過使用以下任何JavaScript，jquery，Ajax或c＃進行的：

請幫我...

預先感謝。 特雅斯·維斯納夫

Answer 1

C＃在服務器上執行，因此映像必須已經存在。

Javascript和jQuery在客戶端運行，因此您可以對這兩者有更多的了解（實際上，JQuery只是瀏覽器中JS引擎之上的JS庫）。

您為什么仍不使用瀏覽器的打開/選擇文件對話框的預覽功能？

Answer 2

您需要一個將dataURI用於Gecko的腳本...

這可能不適用於Web服務器的默認安全性，但是如果您從硬盤加載頁面，則可以使用

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

Answer 3

除非您使用Flash或其他ActiveX插件，否則您不能僅使用JavaScript就能做到這一點。 這是因為出於安全原因，未經許可您無法訪問客戶端計算機資源。 您只能在服務器上上傳和預覽。 希望這對您有意義。

Answer 4

快速谷歌搜索沒有顯示任何令人鼓舞的結果（至少有一個以跨瀏覽器方式工作）。 最好的選擇是使用Flash（版本> 10，因為它是使您能夠訪問用戶選擇的本地文件的第一個版本）。 它可以是簡單的Flash（或Flex）應用程序，您可以找到許多在將用戶選擇的文件發送到服務器之前對其進行操作/顯示的示例。 在這里，您可以找到此類應用程序的示例（由我制作）。 您可以從本地磁盤中選擇圖像，然后將其顯示/可以全部操作，然后再將其上傳到服務器。

查看上傳之前預覽圖片的簡單示例（Flex）