quiero subir imágenes en imgbb con API con nombre personalizado.
Mi HTML actual era:
<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()">y Mi JS actual fue:
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); }); } cuando cargue una imagen, se cargará con el nombre predeterminado de la imagen, pero quiero darle un nombre personalizado.
Resultado actual:
https://i.stack.imgur.com/bbKZb.jpg
Lo que quiero:
https://i.stack.imgur.com/9BesZ.jpg
De acuerdo con el documento api .
nombre (opcional) El nombre del archivo, esto se detecta automáticamente si se carga un archivo con un POST y multipart/form-data
Debe agregar &name=yourName a la URL para cambiar el nombre de carga
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 };