Member 13146819 Ответов: 1

Как я могу просмотреть изображение с помощью кнопки изображения?

Я хочу использовать кнопку image в качестве кнопки просмотра файлов из систем точно так же, как это делает Fileupload Toll, я использую функцию JavaScript onclick:

function chooseFile() {
          document.getElementById("FileUpload1").click();
      }

и HTML:
<asp:ImageButton ID="ImageButton7"  runat="server" OnClientClick="chooseFile();" BorderColor="#CCCCCC" 

                BorderStyle="Dashed" BorderWidth="1px" ImageUrl="~/Webpics/picbox.png" 

                />

Но это не работает... :(

Что я уже пробовал:

function chooseFile() {
          document.getElementById("FileUpload1").click();
      }


и HTML:
<asp:ImageButton ID="ImageButton7"  runat="server" OnClientClick="chooseFile();" BorderColor="#CCCCCC" 

                BorderStyle="Dashed" BorderWidth="1px" ImageUrl="~/Webpics/picbox.png" />

Но это не работает... :(

Afzaal Ahmad Zeeshan

Где это FileUpload1 контроль?

Member 13146819

это инструмент

1 Ответов

Рейтинг:
1

Bryian Tan

Вы не объяснили, что не работает, и забыли разместить код позади. Я просто предполагаю загрузку файлов.HasFile всегда пуст? Похоже, что именно ImageButton вызывает драму. Каждый раз, когда вы нажимали на него, он вызывал обратную передачу, и это стирало опубликованные файлы. Есть пара вещей, которые вы можете сделать

1. Замените серверный элемент управления ImageButton на клиентский элемент управления

<img src="/Webpics/picbox.png" onclick="chooseFile()" style="border: 1px dashed #ccc;" />

2. Перенос управления на панели Аякс, вот пример
Загрузка файла в Панель обновления[^]

Member 13146819

Спасибо Су много сэр за быстрый ответ, на самом деле я хочу, чтобы просмотреть изображения или файла из моей системы с изображением кнопки, то, что я делаю, я делаю, что я выбираю одного fileupload с инструментом и скрывать этот инструмент, я хочу сделать функцию fileupload С в позвонить в ImageButton с с простой JavaScript-код или что-нибудь еще, поэтому, пожалуйста, помогите мне. Я буду вам очень благодарен...

Bryian Tan

Вы пробовали первый подход?

Member 13146819

кон.Открыть();
string query1 = " insert into Items (Picture) values (@PIC)";
cmd = new SqlCommand(query1, con);
УМК.Параметры.AddWithValue("@PIC", "~ / Files/ " + FileUpload1. FileName);
// УМК.Метод executenonquery();
строке filename = система.ИО.Путь.GetFileName(FileUpload1.Именем);
FileUpload1.Сохранить Как(Сервер.MapPath ("~/Files/") + имя файла);
ImageButton7.ImageUrl = "~ / Files/ " + filename;
кон.Рядом();
Моя кнопка код это
& AMP; HTML-код - это вот что..
<asp: ImageButton ID= "ImageButton7" runat= "server" OnClientClick= "chooseFile ();" BorderColor= " #CCCCCC"
Для свойства borderstyle="накатал" BorderWidth="1 пиксель" Url_изображения="~/Webpics/picbox.ПНГ"
/>
& amp; скрипт, который используется:
язык скрипта="JavaScript-код" тип="текст/JavaScript"&ГТ;
функция chooseFile() {
document. getElementById ("FileUpload1"). click();
}

Bryian Tan

первый подход заключается в замене серверного элемента управления на клиентский. В опубликованном коде я все еще вижу серверный элемент управления asp:ImageButton, замените его на 

<img src="/Webpics/picbox.png" onclick="chooseFile()" style="border: 1px dashed #ccc;" />

Member 13146819

кон.Открыть();
string query1 = " insert into Items (Picture) values (@PIC)";
cmd = new SqlCommand(query1, con);
УМК.Параметры.AddWithValue("@PIC", "~ / Files/ " + FileUpload1. FileName);
// УМК.Метод executenonquery();
строке filename = система.ИО.Путь.GetFileName(FileUpload1.Именем);
FileUpload1.Сохранить Как(Сервер.MapPath ("~/Files/") + имя файла);
ImageButton7.ImageUrl = "~ / Files/ " + filename;
против.Закрывать();
Моя кнопка код это
& AMP; HTML-код - это вот что..
<asp: ImageButton ID= "ImageButton7" runat= "server" OnClientClick= "chooseFile ();" BorderColor= " #CCCCCC"
Для свойства borderstyle="накатал" BorderWidth="1 пиксель" Url_изображения="~/Webpics/picbox.ПНГ"
/>
& amp; скрипт, который используется:
язык скрипта="JavaScript-код" тип="текст/JavaScript"&ГТ;
функция chooseFile() {
document. getElementById ("FileUpload1"). click();
}