Как просмотреть изображение перед его загрузкой на сервер?

Question

У меня есть форма, которая будет добавлять товар в интернет-магазин, и содержит столько полей

1) Наименование продукта

2) Код товара

3) Описание товара

4) Цена товара

5) Изображение продукта

Теперь я хотел, чтобы пользователь / администратор выбирал изображение, используя элемент управления загрузкой файлов asp.net, после выбора изображения продукта, которое будет отображаться в элементе управления изображением, прежде чем пользователь загрузит его на сервер.

все, что мне нужно, это предварительно просмотреть это изображение, прежде чем оно будет загружено на сервер, это будет с использованием любого из этих JavaScript, JQuery, Ajax или C #

пожалуйста, помогите мне ...

Спасибо заранее. Теджас Вайшнав

Answer 1

C # выполняется на сервере, поэтому изображение должно быть уже там.

Javascript и jQuery работают на стороне клиента, чтобы вы могли иметь больше удачи с этими двумя (фактически JQuery - это просто библиотека JS поверх движка JS в браузере).

Почему вы все равно не используете функцию предварительного просмотра в диалоговом окне открытия / выбора файла в браузере?

Answer 2

Вам нужен скрипт, который использует dataURI для Gecko ...

Это может не работать с безопасностью по умолчанию с веб-сервера, но работает, если вы загружаете страницу с жесткого диска

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

Answer 3

Быстрое поиск в Google не дал многообещающих результатов (по крайней мере, один из них работал в кросс-браузерной манере).Лучше всего использовать Flash (версия> 10, поскольку это была первая версия, которая позволяет вам получать доступ к локальным файлам, выбранным пользователем).Это может быть простое приложение Flash (или Flex), вы можете найти множество примеров манипулирования / показа выбранных пользователем файлов до отправки их на сервер. Здесь вы можете найти пример такого приложения (сделанного мной).Вы можете выбрать изображение с вашего локального диска, и оно будет отображено / может быть использовано для всех перед загрузкой на сервер.

Проверьте простой пример предварительного просмотра изображения перед его загрузкой (Flex)

Answer 4

Вы не можете сделать это, просто используя JavaScript, если вы не используете Flash или некоторые другие плагины ActiveX. Это потому, что вы не можете получить доступ к ресурсам клиентских машин без разрешения по соображениям безопасности. Вы можете только загрузить на сервер и просмотреть его. Надеюсь, что это имеет смысл для вас.