jquery - 仅当单击提交按钮时,Jquery 才上传到 Cloudinary
问题描述
我有一个关于将图像直接上传到Cloudinary的问题。
选择文件后,它开始上传。我不喜欢这种方法,我希望在单击submit按钮后立即开始上传。
//HTML
<div class="clearfix margin-top-10">
<pre class="label label-danger">NOTE! </pre>
<span>Please upload only one picture of the missing person </span>
<pre class="status"></pre>
<div class="preview"></div>
<input type="hidden" name="image" id="recent_image" value="">
</div>
<div class="margin-top-10">
<a class="btn green-haze" id="submit">Submit </a>
<a href="javascript:;" class="btn default pull-right">Cancel </a>
</div>
//Javascript
$(document).ready(function() {
$("#id_image").removeAttr("required");
$("#submit").on("click",function(){
console.log("working")
if($.fn.cloudinary_fileupload !== undefined) {
$(".cloudinary-fileupload").cloudinary_fileupload({
replaceFileInput: false,
autoUpload: false,
});
}
cldFU.bind('fileuploadadd', function (e, data) {
console.log('Uploading');
data.submit();
})
cldFU.off("cloudinarydone").on("cloudinarydone", function (e, data) {
$("#photo_bytes").val(data.result.bytes);
$("#recent_image").val(data.result.url);
})
cldFU.bind('cloudinarydone', function(e, data) {
console.log(data);
return true;
});
});
});
解决方案
推荐阅读
- r - R:在加载的包中找不到函数
- reactjs - React:如果我实施了修复,为什么我仍然会收到唯一的 key prop 警告?
- c++ - Xlib:多线程的分段错误
- c++ - 如何创建#define 值的向量?
- java - 如何使用毕加索单击按钮将图像保存到存储中?
- php - Symfony Mgilet 通知 Bundle 处理事件
- c# - .Net MVC C# - 读取文件时间过长
- javascript - regex condition not working on polymer paper-input, how to allow only decimal on paper input?
- python - 在带有 OAuth2 代码的 python 中使用 Dropbox API 的问题
- sql-server - SQL Server 中的批量加载无法加载浮点值