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

我有會增加產品到網上商店的形式，幷包含這許多領域如何在將圖像上傳到服務器之前預覽圖像？

1）產品名稱

2）產品編號

3）產品說明

4 ）產品價格

5）產品圖片

現在我想在使用R /管理員使用asp.net的文件上傳控制，選擇將被顯示在圖像控制之前，用戶將上傳到服務器的產品圖像之後選擇一個圖像。

所有我需要的是預覽圖像前，將上傳到服務器，這將是通過使用任何這些JavaScript的，jQuery的，阿賈克斯或C＃

請幫我...

謝謝提前。特加斯Vaishnav

來源

2011-08-30 Tejas Vaishnav

使用jQuery插件。引用線程 - http://stackoverflow.com/questions/7088299/how-to-show-gif-image-while-uploading-using-jquery-form-plugin-in-asp-net-mvc – adatapost

@ metabpost鏈接如何線程是指在上傳前預覽**圖像？ – WTK

下面是一個[SO搜索這個]（http://stackoverflow.com/search？q = preview + getasdataurl） – mplungjan

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

Javascript和jQuery運行客戶端，所以你可以有更多的運氣與這兩個（實際上JQuery只是在瀏覽器的JS引擎頂部的JS庫）。

你爲什麼不使用瀏覽器的打開/選擇文件的對話框反正預覽功能？

來源

2011-08-30 11:38:14

你不能安靜可能這樣做只是使用JavaScript，除非您使用Flash或其他一些ActiveX插件。這是因爲出於安全原因，您不能在未經許可的情況下訪問客戶機資源。您只能在服務器上上傳並預覽它。希望這對你有意義。

來源

2011-08-30 11:50:58 ShankarSangoli

問題是關於在**上載之前預覽圖像**。 – WTK

@WTK - 我修改了我的答案，關心刪除你的投票嗎？ – ShankarSangoli

你在那裏:) – WTK

-2

快速谷歌搜索沒有顯示出任何promissing結果（至少一個跨瀏覽器的方式進行工作）。您最好的選擇是使用Flash（版本> 10，因爲它是第一個可以讓用戶訪問本地文件的版本）。它可以是簡單的Flash（或Flex）應用程序，您可以找到許多操作/顯示用戶選擇文件之前發送到服務器的示例。 Here你可以找到這樣的應用程序的例子（由我做的）。您可以從本地磁盤中選擇映像，並在將其上載到服務器之前顯示/可以對其進行操作。

檢查previewing an image before uploading it（柔性）的簡單的例子

來源

2011-08-30 11:51:15 WTK

你需要使用的壁虎一個dataURI腳本...

這可能不使用默認安全從Web服務器的工作，但沒有工作，如果你從你的硬盤加載頁面

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

來源

2011-08-30 12:01:36 mplungjan