我想使用自定義名稱的 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
我想要什么:https :
//i.stack.imgur.com/9BesZ.jpg
uj5u.com熱心網友回復:
根據api檔案。
name (optional) 檔案名,如果上傳帶有 POST 和 multipart / form-data 的檔案,會自動檢測到
您應該添加&name=yourName到 url 以更改上傳名稱
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://www.uj5u.com/net/358721.html
標籤:javascript 查询 阿贾克斯 形式
上一篇:如何從第二個孩子中洗掉逗號(,)
下一篇:如何使用jquery洗掉<br>
