【问题标题】:Image Preview (thumbnail) doesn't show after preload an image in dropzonejs在 dropzonejs 中预加载图像后,图像预览(缩略图)不显示
【发布时间】:2014-09-26 13:12:08
【问题描述】:

我有一个获取名称和图像(徽标)的表单。我使用 angularjs 作为客户端语言,使用 dropzonejs 作为图像上传库。当用户点击编辑时,我希望他看到他之前上传的图像预览。我使用this 这样做。 问题是如果我在预加载初始图像后上传新图像,我看不到新图像的预览。 这是我的预加载图像代码。 (有一个角度指令)

if(scope.initialFileAddress != null && scope.initialFileAddress != "")
      mockFile = {name: scope.initialFileName, size: 1000, type: "image/jpeg"}
      this.addFile.call(this, mockFile)
      this.options.thumbnail.call(this, mockFile, scope.initialFileAddress)

【问题讨论】:

  • 我也收到此错误:未捕获的 TypeError:无法在“FileReader”上执行“readAsDataURL”:参数不是 Blob。
  • 这个方法(readAsDataURL)在dropzonejs的createThumbnail函数中被调用

标签: javascript image angularjs upload dropzone.js


【解决方案1】:

问题出在这行代码中:

this.addFile.call(this, mockFile)

我应该将其替换为:

this.options.addedfile.call(this, mockFile)

这样,此图像不会添加到将要上传的文件的主列表中。就我而言,这种改变起到了作用!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-06-13
    • 1970-01-01
    • 2015-12-14
    • 1970-01-01
    • 1970-01-01
    • 2017-09-03
    • 2014-12-04
    • 1970-01-01
    相关资源
    最近更新 更多