检查下面的jQuery代码。在这里，我从html抓取文件，然后通过ajax调用将其发布到我的Controller Post方法。正如您所见，从Controller post方法中，我成功地在名为files的变量中接收了该文件。但是我的问题是如何从此ajax调用中发送另外两个文本参数-type和id，然后又如何从带有该文件的控制器中获取该值？基本上我也必须使用这些文本值来获取该文件。那怎么可能？ Ajax和控制器需要哪些更改？
HTML：
<div class="col-sm-3" style="float:left;">
<label class="btn btn-outline-dark btn-block">
Browse...
<span id="uploaded-file-name" style="font-style: italic"></span>
<input id="file-upload" type="file" name="file"
onchange="$('#uploaded-file-name').text($('#file-upload')[0].value);" hidden>
</label>
</div>
<div class="col-sm-2" style="float:left;">
<button class="btn btn-dark" id="start_upload">Start Upload</button>
</div>
jQuery Ajax：
//file upload
$("#start_upload").click(function (evt) {
var fileUpload = $("#file-upload").get(0);
var files = fileUpload.files;
var data = new FormData();
for (var i = 0; i < files.length; i++) {
data.append(files[i].name, files[i]);
}
$.ajax({
type: "POST",
url: "/Products/UploadFiles",
contentType: false,
processData: false,
data: data,
success: function (message) {
alert(message);
},
error: function () {
alert("There was error uploading files!");
}
});
});
MVC .net核心控制器：
[HttpPost]
public IActionResult UploadFiles()
{
//file upload process
var files = Request.Form.Files;
string type = "";
int id = ;
}
参考方案
我在这里所做的是，只需将带有值的键插入jquery的FormData() obj中，然后就可以从控制器中获取它了。如果您想进一步了解FormData()，请read here
将您的jquery更改为此
//file upload
$("#start_upload").click(function (evt) {
var fileUpload = $("#file-upload").get(0);
var files = fileUpload.files;
var data = new FormData();
data.append('type', 'your_type');
data.append('id', '1');
for (var i = 0; i < files.length; i++) {
data.append(files[i].name, files[i]);
}
$.ajax({
type: "POST",
url: "/Products/UploadFiles",
contentType: false,
processData: false,
data: data,
success: function (message) {
alert(message);
},
error: function () {
alert("There was error uploading files!");
}
});
});
然后通过控制器的键获取这些值：
[HttpPost]
public IActionResult UploadFiles()
{
//file upload process
var files = Request.Form.Files;
string type = Request.Form.Where(x => x.Key == "type").FirstOrDefault().Value;
string id = Request.Form.Where(x => x.Key == "id").FirstOrDefault().Value;
}
有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同？我只希望下面的div提交值，单选按钮很丑代码输出如下：<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date&#…
故障排除“警告:session_start():无法发送会话高速缓存限制器-标头已发送” - php我收到警告：session_start（）[function.session-start]：无法发送会话缓存限制器-标头已发送（错误输出开始如果我将表单数据提交到其他文件进行处理，则可以正常工作。但是，如果我将表单数据提交到同一页面，则会出现此错误。请建议<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0…
使用javascript在客户端的列表视图中选择所有复选框 - javascript我有一个列表视图，在标题中有一个复选框。如果标题复选框已选中/未选中，我想选择行中的所有复选框。如何在客户端实现此目标？这是ListView设计代码。<asp:ListView ID="lvTypes" runat="server" GroupPlaceholderID="groupPlaceHolde…
CodeIgniter更新查询被执行两次 - php我正在使用CodeIgniter 2.2。每次访问页面时，我都必须用+1更新数据库。代码可以工作，但是每次都会增加+2。示例：如果是total views=2，则在单击页面后total views应该是3，但是数据库中的值是4。我确定我在控制器中仅调用一次模型add_one_to_view_image。控制者 function view(){ $view_i…
如何在JavaScript中将多个h1元素替换为h1，h2，h3，h4，h5，h6？ - javascript@foreach (var item in Model) { <div class="panel-heading"> <h1> <a href="#">@item.Title</a> </h1> </div> } 结果; （每页发布数：6）<…