首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery文件上传插件https://blueimp.net

jQuery文件上传插件https://blueimp.net
EN

Stack Overflow用户
提问于 2018-06-07 05:22:26
回答 1查看 862关注 0票数 0

晚上好,我想使用插件jQuery文件上传插件,但我有一个问题。我使用的是base64图像,因为该图像通过一个裁剪工具来剪切图像。如何通过.fileupload ()上传和上传base64格式的图像我需要一个jquery / php版本

我找不到解决办法,请提前致谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-07 05:44:56

来自他们的文档:https://github.com/blueimp/jQuery-File-Upload/wiki/API#programmatic-file-upload

代码语言:javascript
复制
$('#fileupload').fileupload('add', {files: filesList});

第二个参数必须是具有文件或Blob对象的数组(或类似数组的列表)作为文件属性的对象。

所以听起来就像这样简单:

代码语言:javascript
复制
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]})

现在,我还遇到了一些更复杂的代码(source),它们表明这样的事情也是可能的:

代码语言:javascript
复制
$('#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) {
          ...
        }

      });

看起来相当灵活。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50729816

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档