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

Php jQuery文件上传插件https://blueimp.net,php,jquery,file-upload,jquery-file-upload,blueimp,Php,Jquery,File Upload,Jquery File Upload,Blueimp,晚上好,, 我想使用插件jQuery文件上传插件,但我有一个问题。 我使用的是base64图像,因为图像通过修剪工具来剪切图像。 如何通过.fileupload()上传和上载base64格式的图像 我需要一个jquery/php版本 我找不到解决方案,提前谢谢 真诚地从他们的文档中: 第二个参数必须是具有数组(或类似数组)的对象 作为文件属性的文件或Blob对象的列表) 听起来很简单: var blob = ... //you said in the comments you've got th

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

我找不到解决方案,提前谢谢
真诚地

从他们的文档中:

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

听起来很简单:

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) {
          ...
        }

      });

看起来非常灵活。

这可能是一个更容易理解的重复:我使用这个插件,你有一个例子可以用fileupload函数恢复blob吗?我只通过输入字段找到示例非常感谢您在任何情况下提供的快速回答我实际上可以使用我的修剪工具恢复blob中的图像,但我找不到在文件上传中传递的示例只是google
jquery ajax post
jquery xhr
。常见问题。否则尝试插件文档。抱歉,注意到我们正在讨论一些特定的上传插件。看到我不明白的是,$(“#fileupload”)被赋予一个blob,并命名为DOM html的一个对象,所以我不知道如何调整它。对不起,我是新手:DIf我明白。。。您说过您有一个带有base64字符串的变量,它是一个图像。我们为什么要谈论DOM?这试图说明,您可以传递该
blob
,就像将文件上载到表单的文件输入一样。Fileupload('add',{files:[blob]})我们可以看到函数Fileupload与dom$('#Fileupload')的一个元素相关联。我不理解通过blob得到的是什么,所以不是DOM对象html。在我看来,插件采用了表单元素
$('#fileupload)
是表单。
$('#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) {
          ...
        }

      });