FileUpload control внутри UpdatePanel без обновления всей страницы?

Question

В соответствии с Microsoft элемент управления FileUpload несовместим с AJAX UpdatePanel.

Я знаю, что PostBackTrigger могут быть добавлены кнопки отправки формы, как это:

<Triggers> 
    <asp:PostBackTrigger ControlID="Button1" /> 
</Triggers> 

Проблема состоит в том, что это заставляет форму выполнять полный пост-обратно, который АННУЛИРУЕТ из целого точка использования UpdatePanel в первую очередь. Есть ли обходной путь к этой проблеме, который не вызывает обновление всей страницы?

Answer 1

Я знаю сторонний компонент, который может это сделать. Он называется "swfupload" и является бесплатным для использования и с открытым исходным кодом и использует javascript и flash для совершения магии.

вот список возможностей, которые они предлагают: (с их сайта)

• Загрузить несколько файлов одновременно по Ctrl/Shift-выбор в диалоговом
• обратных вызовов Javascript на все событиях
• Получить информацию о файле перед отправкой начнется
• Элементы загрузки стиля с XHTML и css
• Показать информацию whi файлы загружаются с использованием HTML
• Нет необходимости в перезагрузке страницы
• Работает на всех платформах/браузерах с поддержкой Flash.
• Ухудшает грациозно к нормальной форме HTML загрузки, если вспышка или браузер недоступен размер файла
• управления перед началом загрузки
• только отображать выбранные типы файлов в диалоге
• загрузки Очереди, удалить/добавить файлы перед запуском Загрузить

У них также есть demo area, где вы можете играть с их контролем. Таким образом, вы можете убедиться, что это именно то, что вы хотите.

Мы использовали его в одном из наших проектов, и он до сих пор не подвел нас, поэтому я считаю, что это безопасная ставка.

ой и вот страница загрузки: http://code.google.com/p/swfupload/

Answer 2

Вы не можете загрузить файл (ы) с помощью AJAX только путем перезагрузки всего HTML документа. Вы должны либо использовать iframe с, если предпочитаете чистый HTML (это более распространено, например, используется WordPress), или что-то еще, например swfupload, предложенное Sven.

Answer 3

Я нашел это на днях, когда столкнулся с той же проблемой: http://vinayakshrestha.wordpress.com/2007/03/13/uploading-files-using-aspnet-ajax-extensions/.

Для моей реализации я поместил iframe в модальное всплывающее окно и добавил кнопку со стилем = "display: none", чтобы обрабатывать закрытие всплывающего окна. В функции javascript, которая следит за изменениями в iframe, я добавил document.getElementById («<% = btnCloseUpload.ClientID%>»). Click(); для скрытой кнопки.

Answer 4

Добавьте это в кнопки управления:

OnClientClick="javascript:document.forms[0].encoding = 'multipart/form-data';" 

-или-

Сделайте свою страницу Форма тег выглядит следующим образом:

<form id="form1" runat="server" enctype="multipart/form-data"> 

Answer 5

Попробуйте AJAX AsyncFileUpload. Он хорошо работает, если используется в том материале, который предполагается использовать (обрабатывать событие UploadedComplete).

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/AsyncFileUpload/AsyncFileUpload.aspx

Answer 6

Кнопка, которая запуская событие загрузки должна быть UseSubmitBehavior свойства установлено в ложь:

clsUploadButton.UseSubmitBehavior = False; 

Answer 7

Можно использовать IFrame имеет атрибут «целевой», который уже в FileUpload или использовать пример Jquery по ссылке How to make Asynchronous(AJAX) File Upload using iframe?