Javascript 如何在ASP MVC 4中使用Plupload脚本在URL中传递参数
我正在使用MVC4中的plupload插件将图像上载到服务器,该插件提供了一个脚本,该脚本调用一个操作来加载图像。因此,在该脚本中,我想添加代码以在URL中传递一些参数,但我没有成功。我寻找解决方案,发现脚本中有一个属性可以添加参数:Javascript 如何在ASP MVC 4中使用Plupload脚本在URL中传递参数,javascript,jquery,asp.net-mvc-4,plupload,Javascript,Jquery,Asp.net Mvc 4,Plupload,我正在使用MVC4中的plupload插件将图像上载到服务器,该插件提供了一个脚本,该脚本调用一个操作来加载图像。因此,在该脚本中,我想添加代码以在URL中传递一些参数,但我没有成功。我寻找解决方案,发现脚本中有一个属性可以添加参数: multipart_params: { idflight: [parameter to add]}, 因此,当我给idflight一个值的例子时,它工作了,我发现参数通过了。但是当我尝试使用代码从dropdownlist中获取值时 multipart_param
multipart_params: { idflight: [parameter to add]},
因此,当我给idflight一个值的例子时,它工作了,我发现参数通过了。但是当我尝试使用代码从dropdownlist中获取值时
multipart_params: { idflight: $('#IDFLIGHT').val()},
它告诉我加载资源失败的错误:服务器响应状态为500(内部服务器错误)。
以下是视图:
<div class="editor-label">
@Html.LabelFor(model => model.IDTYPE, "TYPES")
</div>
<div class="editor-field">
@Html.DropDownList("IDTYPE", String.Empty)
@Html.ValidationMessageFor(model => model.IDTYPE)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.IDFLIGHT, "FLIGHTS")
</div>
<div class="editor-field">
**@Html.DropDownList("IDFLIGHT", String.Empty)**
@Html.ValidationMessageFor(model => model.IDFLIGHT)
@Html.ActionLink("Add New flight","Create","Flight",null,new{@style="font-size:16px;", @class="popup"})
</div>
@LabelFor(model=>model.IDTYPE,“类型”)
@DropDownList(“IDTYPE”,String.Empty)
@Html.ValidationMessageFor(model=>model.IDTYPE)
@Html.LabelFor(model=>model.IDFLIGHT,“FLIGHTS”)
**@Html.DropDownList(“IDFLIGHT”,String.Empty)**
@Html.ValidationMessageFor(model=>model.IDFLIGHT)
@ActionLink(“添加新航班”,“创建”,“航班”,空,新{@style=“font-size:16px;”,@class=“popup”})
我从中删除了表单标签,因为我不需要它。这是插件的脚本:
<script type="text/javascript">
// Custom example logic
var uploader = new plupload.Uploader({
runtimes: 'html5,flash,silverlight,html4',
browse_button: 'pickfiles', // you can pass in id...
unique_names:true,
container: document.getElementById('container'), // ... or DOM Element itself
**url: '../../../Image/Ajouter',**
flash_swf_url: 'Scripts/Moxie.swf',
silverlight_xap_url: 'Scripts/Moxie.xap',
filters: {
max_file_size: '10mb',
mime_types: [
{ title: "Image files", extensions: "jpg,gif,png" },
{ title: "Zip files", extensions: "zip" }
]
},
**multipart_params: { idflight: $('#IDFLIGHT').val()},**
init: {
PostInit: function () {
document.getElementById('filelist').innerHTML = '';
document.getElementById('uploadfiles').onclick = function () {
uploader.start();
return false;
};
},
FilesAdded: function (up, files) {
plupload.each(files, function (file) {
document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div>';
});
},
UploadProgress: function (up, file) {
document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
},
Error: function (up, err) {
document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message;
}
}
});
uploader.init();
//自定义示例逻辑
var uploader=新的plupload.uploader({
运行时:“html5、flash、silverlight、html4”,
浏览按钮:'pickfiles',//您可以传入id。。。
唯一的名称:true,
容器:document.getElementById('container')、/…或DOM元素本身
**url:“../../Image/Ajouter”**
flash_swf_url:'Scripts/Moxie.swf',
silverlight_xap_url:'Scripts/Moxie.xap',
过滤器:{
最大文件大小:“10mb”,
mime_类型:[
{标题:“图像文件”,扩展名:“jpg,gif,png”},
{标题:“Zip文件”,扩展名:“Zip”}
]
},
**多部分参数:{idflight:$('#idflight').val()}**
初始化:{
PostInit:函数(){
document.getElementById('filelist')。innerHTML='';
document.getElementById('uploadfiles')。onclick=function(){
uploader.start();
返回false;
};
},
添加文件:函数(向上,文件){
plupload.each(文件、函数(文件){
document.getElementById('filelist').innerHTML++='+file.name+'('+plupload.formatSize(file.size)+');
});
},
上载进度:函数(向上,文件){
document.getElementById(file.id).getElementsByTagName('b')[0]。innerHTML=''+file.percent+“%”;
},
错误:函数(向上,错误){
document.getElementById('console').innerHTML+=“\n错误#”+err.code+”:“+err.message;
}
}
});
uploader.init();
提前谢谢你请你帮帮我,因为我真的需要你的帮助!这可能会有帮助(一点…)请你能帮助我,因为我真的需要你的帮助!这可能会有帮助(一点…)