Question

我在我的网站上使用dropzone js，并且我想访问该插件使用的已删除照片的来源。这就是我的意思：在added file事件监听器中，我可以轻松访问被删除文件的名称，例如

dropzoneForm.on('addedfile', function(file){
      console.log(file.name);
    });

但是在file对象中查看，我无法获得插件使用的图像源来提供预览。检查DOM树，我确实找到了.dz-image部分，预览中使用了图像来源：

 <div class="dz-image">
  <img data-dz-thumbnail="" 
    alt="Profilo-Facebook.jpg"
    src="data:image/png;base64,iVBORw0...anN6CQAAAABJRU5ErkJggg==">

因此，存储文件名的某个地方以及插件使用的临时源。
现在，我的问题是：如何以与访问文件名相同的方式访问文件源？目的是使用源填充第二个表（我使用angularJS）。我确实尝试了多种获取source属性的方法，但我一直回来undefined 即

dropzoneForm.on('addedfile', function(file){
      console.log(file.source); // or src, or whatever
    });

不起作用。
任何帮助将不胜感激。谢谢。

Answer 1

src实际上是一个数据URI，它们允许我们在文档中内嵌小文件。格式是这样的，在URL内的图像的所有数据，所以没有临时文件。如果您想使用普通文件uri，可以使用此源。

有关详细信息，请查看data uri MDN

Answer 2

访问它的方法是通过alt标记值找到图像，在这种情况下，它将是文件名。这是一个返回src值的函数。只需在dropzone代码中成功调用它即可。它将为您获取src值。

{{1}}

访问dropzoneJS文件的临时源

2 个答案: