我正在使用上面的控件（注意它是 ASP.NET 控件。我似乎看到很多人使用用 javascript 编写的类似名称的控件）来允许使用进度条、拖放操作来上传多个文件，该部分一切正常，但我需要随文件返回两条数据。具体来说，用户从两个文本框中输入纬度和经度。由于上传控件是异步的，因此文本框的内容不会被发回，因此我无法访问它们。似乎有一个我可以挂钩的属性，ContextKeys，它将数据发送回服务器，但它是一个静态字段，我不知道如何动态操作它。我尝试从文本框中挂钩 ontextchanged 事件并使用它们来设置上下文键。回发有效并且似乎设置了该值，但是当用户按下上传按钮时，ContextKeys 值为空。
有人如何以编程方式设置上下文键属性，或者通过上传发送回数据的其他方式吗？
这是代码：
.ASPX
<div style="float:left; width: 325px;">
<cc1:AjaxFileUpload ID="AjaxFileUpload1" runat="server" Width="325px"
onuploadcomplete="UploadComplete" ClientIDMode="Static" />
<cc1:DynamicPopulateExtender ID="AjaxFileUpload1_DynamicPopulateExtender"
runat="server" Enabled="True" PopulateTriggerControlID=""
TargetControlID="AjaxFileUpload1">
</cc1:DynamicPopulateExtender>
</div>
<div style="float:left">Latitude:
<asp:TextBox ID="tbUploaderLat" runat="server"
ontextchanged="tbUploaderLat_TextChanged" AutoPostBack="True"></asp:TextBox><br />
Longitude:
<asp:TextBox ID="tbUploaderLon" runat="server"
ontextchanged="tbUploaderLon_TextChanged" AutoPostBack="True"></asp:TextBox>
</div>
代码隐藏：
protected void UpdateLatLon() //this is called from the two events above
{
AjaxFileUpload1.ContextKeys = tbUploaderLat.Text + "|" + tbUploaderLon.Text;
}
您可以按照描述自定义 AjaxFileUpload 控件here https://stackoverflow.com/a/13084169/360171 and here https://stackoverflow.com/a/11689062/360171并将文本框值传递给 UploadCompleted 事件处理程序，如下所示：
function uploadStarted(sender, args) {
var latitude = $get("<%= tbUploaderLat.ClientID %>").value;
var longitude = $get("<%= tbUploaderLon.ClientID %>").value;
sender.contextKeys = { "latitude": latitude, "longitude": longitude };
}
之后，您可以在 UploadComplete 处理程序中获取纬度和经度值：
protected void AjaxFileUpload1_OnUploadComplete(object sender, AjaxFileUploadEventArgs file)
{
if (!string.IsNullOrEmpty(file.ContextKeys))
{
var longLat = new System.Web.Script.Serialization.JavaScriptSerializer().Deserialize<Dictionary<string, string>>(file.ContextKeys);
var longitude = longLat["longitude"];
var latitude = longLat["latitude"];
}
//code to save file
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
