我对如何让它工作陷入困境。 在邮递员中,我可以毫无问题地上传附件。 我正在上传一个简单的文本文件。 邮递员的代码显示了这一点:
var form = new FormData();
form.append("uploadFile", "C:\temp\test.txt");
var settings = {
"async": true,
"crossDomain": true,
"url": "https://xxxxxxx.service-now.com/api/now/attachment/file?table_name=problem&table_sys_id=oiui5346jh356kj3h634j6hk&file_name=Toast",
"method": "POST",
"headers": {
"Accept": "application/json",
"Content-Type": "application/x-www-form-urlencoded",
"Authorization": "Basic xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx==",
"Cache-Control": "no-cache",
"Postman-Token": "39043b7f-8b2c-1dbc-6a52-10abd25e91c1"
},
"processData": false,
"contentType": false,
"mimeType": "multipart/form-data",
"data": form
}
$.ajax(settings).done(function (response) {
console.log(response);
});
当我在.asp页面上使用它时,我收到 400 错误和来自控制台的响应,内容为: "无法创建附件。请求中可能缺少文件部分。 如何正确获取要附加到代码中的文件。我认为硬编码它会起作用。您如何获取代码以在本地用户PC上查找文件。一旦我开始工作,我最终想要一个文件输入按钮来选择文件。
谢谢 斯科特
你的代码看起来不错,除了这一行:
form.append("uploadFile", "C:\temp\test.txt");
将文件名作为第二个参数传递是行不通的,根据此处FormData.append
的文档,您需要传递一些指向它自己的文档的 blob/file 对象(不是字符串(
现在有两种可能的情况:
场景 1
用户使用浏览按钮手动选择文件
在这里,您需要将输入添加到页面,并在选择文件时添加上传文件的触发器,如下所示:
uploadDataFile();
function uploadDataFile(fileInput) {
// creates the FormData object
var form = new FormData();
// get the first file in the file list of the input
// (you will need a loop instead if the user will select many files)
form.append("uploadFile", fileInput.files[0]);
// ... the rest of your AJAX code here ...
}
<input type="file" onchange="uploadDataFile(this)" />
场景 2
直接上传文件,无需用户干预
在这里,您需要手动构建与此答案相同的文件对象,然后将其正常添加到数据对象中
function uploadDataFile() {
// creates the file object
var fileObject = new File (...);
// creates a data object and appends the file object to it
var form = new FormData();
form.append("uploadFile", fileObject);
// ... the rest of your AJAX code here ...
}
最后一点
请注意FormData
和File
对象的浏览器兼容性