Я пытаюсь настроить плавную загрузку в диалоговом окне jquery ui. У меня все нормально загружает файл, я проверил образцы, и все они заканчиваются повторной загрузкой всей страницы. мне удалось сделать так, чтобы он не выполнял окончательную обратную передачу для обработки файлов после загрузки, установив AutoPostBackAfterUpload = "false"
, чтобы теперь файлы были помещены на сервер с случайное имя guid. и он получает ответ, который выглядит следующим образом:
{
state : "Complete",
reason : "NotTerminated",
percentComplete : 100.00,
percentCompleteText : "100.00 %",
contentLengthText : "826 KB",
transferredLengthText : "826 KB",
remainingLengthText : "0 bytes",
currentFileName : "Desert.jpg",
currentFileIndex : "1",
timeElapsedText : "1 second",
timeElapsedShortText : "00:01",
timeRemainingText : "",
timeRemainingShortText : "00:00",speedText : "596 KB/sec"
}
, поэтому мне нужно знать следующее: как я могу опубликовать, что автоматическая загрузка делает автоматически, если для параметра AutoPostBackAfterUpload установлено значение true.
вот мой код: и все они в конечном итоге перезагружают всю страницу. мне удалось сделать так, чтобы он не выполнял окончательную обратную передачу для обработки файлов после загрузки, установив AutoPostBackAfterUpload = "false"
, чтобы теперь файлы были помещены на сервер с случайное имя guid. и он получает ответ, который выглядит следующим образом:
{
state : "Complete",
reason : "NotTerminated",
percentComplete : 100.00,
percentCompleteText : "100.00 %",
contentLengthText : "826 KB",
transferredLengthText : "826 KB",
remainingLengthText : "0 bytes",
currentFileName : "Desert.jpg",
currentFileIndex : "1",
timeElapsedText : "1 second",
timeElapsedShortText : "00:01",
timeRemainingText : "",
timeRemainingShortText : "00:00",speedText : "596 KB/sec"
}
, поэтому мне нужно знать следующее: как я могу опубликовать, что автоматическая загрузка делает автоматически, если для параметра AutoPostBackAfterUpload установлено значение true.
вот мой код: и все они в конечном итоге перезагружают всю страницу. мне удалось сделать так, чтобы он не выполнял окончательную обратную передачу для обработки файлов после загрузки, установив AutoPostBackAfterUpload = "false"
, чтобы теперь файлы были помещены на сервер с случайное имя guid. и он получает ответ, который выглядит следующим образом:
{
state : "Complete",
reason : "NotTerminated",
percentComplete : 100.00,
percentCompleteText : "100.00 %",
contentLengthText : "826 KB",
transferredLengthText : "826 KB",
remainingLengthText : "0 bytes",
currentFileName : "Desert.jpg",
currentFileIndex : "1",
timeElapsedText : "1 second",
timeElapsedShortText : "00:01",
timeRemainingText : "",
timeRemainingShortText : "00:00",speedText : "596 KB/sec"
}
, поэтому мне нужно знать следующее: как я могу опубликовать, что автоматическая загрузка делает автоматически, если для параметра AutoPostBackAfterUpload установлено значение true.
вот мой код: <% Html.BeginForm ("OrganizationMemberEditContactSectionChangePhoto", "OrganizationMember", FormMethod.Post, New With {.id = "uploadForm", .enctype = "multipart / form-data"})%>
<kw:SlickUpload ID="SlickUpload1" runat="server" AutoPostBackAfterUpload="false" UploadFormId="uploadForm" ShowDuringUploadElements="cancelButton" HideDuringUploadElements="uploadButton" MaxFiles="1" AutoUploadOnPostBack="false" ProgressInterval="200">
<DownlevelSelectorTemplate>
<input type="file" />
</DownlevelSelectorTemplate>
<UplevelSelectorTemplate>
<input type="button" value="Add File" />
</UplevelSelectorTemplate>
<FileTemplate>
<kw:FileListRemoveLink runat="server">[x] remove</kw:FileListRemoveLink>
<kw:FileListFileName runat="server" />
<kw:FileListValidationMessage runat="server" ForeColor="Red" />
</FileTemplate>
<ProgressTemplate>
<table width="99%">
<tr>
<td>
Uploading <kw:UploadProgressElement ID="UploadProgressElement1" runat="server" Element="FileCountText" />,
<kw:UploadProgressElement ID="UploadProgressElement2" runat="server" Element="ContentLengthText">(calculating)</kw:UploadProgressElement>.
</td>
</tr>
<tr>
<td>
Currently uploading:
<kw:UploadProgressElement ID="UploadProgressElement3" runat="server" Element="CurrentFileName" />,
file <kw:UploadProgressElement ID="UploadProgressElement4" runat="server" Element="CurrentFileIndex"> </kw:UploadProgressElement>
of
<kw:UploadProgressElement ID="UploadProgressElement5" runat="server" Element="FileCount" />.
</td>
</tr>
<tr>
<td>
Speed:
<kw:UploadProgressElement ID="UploadProgressElement6" runat="server" Element="SpeedText">(calculating)</kw:UploadProgressElement>.
</td>
</tr>
<tr>
<td>
About
<kw:UploadProgressElement ID="UploadProgressElement7" runat="server" Element="TimeRemainingText">(calculating)</kw:UploadProgressElement> remaining.
</td>
</tr>
<tr>
<td>
<div style="border: 1px solid #008800; height: 1.5em; position: relative">
<kw:UploadProgressBarElement ID="UploadProgressBarElement1" runat="server" Style="background-color: #00ee00; width: 0; height: 1.5em" />
<div style="text-align: center; position: absolute; top: .15em; width: 100%">
<kw:UploadProgressElement ID="UploadProgressElement8" runat="server" Element="PercentCompleteText">(calculating)</kw:UploadProgressElement>
</div>
</div>
</td>
</tr>
</table>
</ProgressTemplate>
</kw:SlickUpload>
<p>
<input type="button" value="Upload" id="uploadButton" />
<a href="javascript:kw.get('<%=SlickUpload1.ClientID %>').cancel()" id="cancelButton" style="display:none">Cancel</a>
</p>
<%Html.EndForm()%>
<script type="text/javascript">
var theThing;
var urlToPost = "theUrlThatHandlesThePostBack";
function v2SetUpPhotoDialog() {
theThing = kw.get("<%=SlickUpload1.ClientID %>");
theThing.add_OnUploadEnded(function (status) {
var data = $('#uploadForm').serialize();
$.ajax({
type: 'POST',
url: urlToPost,
data: data,
success: function () {
v2RegularNotice('success');
},
error: function () {
v2RegularNotice('fail');
}
});
});
$('#uploadButton').live('click', function () {
theThing = kw.get("<%=SlickUpload1.ClientID %>");
theThing.submit();
return false;
// kw.get("<%=SlickUpload1.ClientID %>").submit();
});
}
</script>
как вы можете видеть, Я попытался заставить OnUploadEnded принимать статус как параметр, но он не заполняет его какой-либо полезной информацией, которая требуется параметру статуса для действия. В настоящее время он сериализует форму и отправляет ее, но заполняет только одно поле. kw_uploadId.
действие контроллера пока ничего не делает, оно просто пытается принять UploadStatus в качестве параметра. но он пуст, если я просто сериализую форму.
Я уверен, что упускаю что-то очевидное. но я не могу понять это. мне трудно следовать документации, и в данном случае она бесполезна.
спасибо!