我想用自定义名称的API在imgbb上上传图片。
我现在的HTML是:
<input type="text" name="img_name" id="name" accept="text/*">
<input type="file" id="input_img" accept="image/*">
<input type="submit" value="Send" onclick="fileChange()">和我现在的JS是:
function fileChange(){
var file = document.getElementById('input_img');
var imgname = document.getElementById('name');
var form = new FormData();
form.append("image", file.files[0])
var settings = {
"url": "https://api.imgbb.com/1/upload?key=(API CODE)",
"method": "POST",
"timeout": 0,
"processData": false,
"mimeType": "multipart/form-data",
"contentType": false,
"data": form
};
$.ajax(settings).done(function (response) {
console.log(response);
var jx = JSON.parse(response);
console.log(jx.data.url);
});
}当我上传图像时,它将使用图像默认名称上传,但我想给它自定义名称。
目前的结果:
https://i.stack.imgur.com/bbKZb.jpg
我想要的:
发布于 2021-11-17 12:51:15
根据api文档的说法。
名称(可选)文件的名称,如果上传带有POST和多部分/表单数据的文件,则会自动检测到该名称。
您应该将&name=yourName添加到url到chanage上载名。
var settings = {
"url": "https://api.imgbb.com/1/upload?key=(API CODE)&name="+ $('#name').val(),
"method": "POST",
"timeout": 0,
"processData": false,
"mimeType": "multipart/form-data",
"contentType": false,
"data": form
};https://stackoverflow.com/questions/70004392
复制相似问题