使用asp.net mvc中的Ajax将文件和文本上传到服务器
发布时间:2020-12-16 09:55:41 所属栏目:asp.Net 来源:网络整理
导读:问候语. 我想使用ajax将图像与描述一起上传到服务器. fileupload工作正常,虽然我无法弄清楚如何提取输入的文本. 基本上表单看起来像这样: form id="uploader" input id="fileInput" type="file" multiple input type="text" id="fileText" name="fileText"
问候语.
我想使用ajax将图像与描述一起上传到服务器. fileupload工作正常,虽然我无法弄清楚如何提取输入的文本. 基本上表单看起来像这样: <form id="uploader"> <input id="fileInput" type="file" multiple> <input type="text" id="fileText" name="fileText" value=" " /> <input type="submit" value="Upload file" /> </form> 上传到服务器的脚本如下所示: document.getElementById('uploader').onsubmit = function () { var formdata = new FormData(); //FormData object var fileInput = document.getElementById('fileInput'); //Iterating through each files selected in fileInput for (i = 0; i < fileInput.files.length; i++) { //Appending each file to FormData object formdata.append(fileInput.files[i].name,fileInput.files[i]); } //Creating an XMLHttpRequest and sending var xhr = new XMLHttpRequest(); xhr.open('POST','/Controller/Action'); xhr.send(formdata); xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { alert(xhr.responseText); } } return false; } 在服务器端,在相关操作的控制器中: public JsonResult Upload(){ for (int i = 0; i < 9; i++){ HttpPostedFileBase file = Request.Files[i]; //Uploaded files //Do stuff with uploaded files } } 我尝试过的: >更改了Upload方法以获取名为fileText的字符串参数. var fileText = document.getElementById(‘fileText’); formdata.append(fileText.value,fileText.value) 我可能在两次试验中都遗漏了一些东西,但我似乎无法弄清楚是什么.请帮忙! 问候, 解决方法
正确.
不正确.你不应该在循环中这样做,因为你只有一个文本输入字段,所以你只能发送1个值.所以将此代码移到循环之外.您还应在追加到FormData时指定正确的名称,该名称必须与您的控制器操作参数名称匹配: var fileText = document.getElementById('fileText'); formdata.append('fileText',fileText.value); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
- 有没有办法通过ASP.NET和app_offline.htm来显示图
- asp.net – 如果缓存破坏程序与内容不匹配,防止捆
- 在.NET应用程序中本地化大量文本的策略
- asp.net-mvc – ASP.NET MVC – 查看多个模型
- asp.net-mvc – 实体框架TPC继承(请现在拍我)
- asp.net-mvc – MVC 5 OWIN登录声明和Antiforger
- 如何在ASP.NET网站项目中使用最新的VB.NET语言级
- asp.net – 具有MVC的Sitecore’动态占位符’
- 自定义每个用户的会话超时 – ASP.NET
- ASP.NET MVC5 OWIN:通过Facebook登录后,为什么U
热点阅读