jQuery文件上传插件https://blueimp.net
晚上好,我想使用插件jQuery文件上传插件,但我有一个问题。 我正在使用base64图像,因为图像通过修剪工具来剪切图像。 如何通过.fileupload()上传和上传base64格式的图像我需要一个jquery / php版本
我找不到解决方案,提前谢谢
从他们的文档: https : //github.com/blueimp/jQuery-File-Upload/wiki/API#programmatic-file-upload
$('#fileupload').fileupload('add', {files: filesList});
第二个参数必须是具有File或Blob对象的数组(或类数组列表)作为files属性的对象。
所以听起来就像它一样简单:
var blob = ... //you said in the comments you've got the blob... var blob = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=='; $('#fileupload').fileupload('add', {files: [blob]})
现在,我还遇到了一些更复杂的代码( 源代码 ),它们表明这样的事情也是可能的:
$('#fileupload').fileupload({ autoUpload: true, add: function (event, data) { $.ajax({ url: "/upload", type: 'POST', dataType: 'json', data: {doc: {title: data.files[0].name}}, async: false, success: function(response) { ... } });
看起来非常灵活。
- 由blueimp进行jQuery-File-Upload – 附加标题
- Blueimp jQuery文件上传 – 在上传完成响应后从队列中隐藏文件
- blueimp jquery-file-upload如何在上传前取消1个文件
- jQuery文件上传不提交额外参数
- Blueimp文件上传:从URL添加图像
- Blueimp FileUpload:返回responseText时出现fileuploadsubmit错误
- blueimp jQuery-File-Upload – 如何在没有附加文件的情况下提交表单?
- 我应该返回什么来响应blueimp / jquery.file-upload-ui的删除事件上的show error消息
- Blueimp文件上传:上传前从文件列表中删除文件