我想将图像文件保存在云上的特定文件夹中。文件夹名称为" userimg"。
这是我在没有文件夹的情况下保存的代码。
我的云和文件夹目录。
云上载API支持folder
参数。参见-https://cloudinary.com/documentation/image_upload_api_reference#upload
请尝试添加:
formData.append('folder', 'userimg');
您还可以在公共ID中包含文件夹,例如" myFolder/myimageid"。
另外,请参见:
https://support.cloudinary.com/hc/en-us/articles/202520902-can-i-cereate-folders-folders-in-my-cloudinary-acccount-
在云上保存图像文件的代码:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<div class="container">
<div class="card">
<img src="http://fillmurray.com/g/300/300" id="img-preview" />
<label class="file-upload-container" for="file-upload">
<input id="file-upload" type="file">
Select an Image
</label>
</div>
</div>
<script>
var cloudeinary_url = "your_cloudeinary_url";
var upload_presets = "your_upload_presets";
var ingpriview = document.getElementById("img-preview");
var fileupload = document.getElementById("file-upload");
fileupload.addEventListener('change',
function (event) {
var files = event.target.files[0];
var formData = new FormData();
formData.append('file', files);
formData.append('upload_preset', upload_presets);
formData.append('folder', 'itemimg'); // itemimg is folder name
axios({
url: cloudeinary_url,
method: 'POST',
header: {
'Content-Type': 'application/x-www-form-urlencoded'
},
data: formData
}).then(function (res) {
document.getElementById("img-preview").src = res.data.secure_url;
console.log(res);
}).catch(function (err) {
console.log(err);
});
});
</script>