Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在ngx dropzone中为非图像文件使用自定义缩略图?角度10+;_Javascript_Angular_Dropzone.js - Fatal编程技术网

Javascript 如何在ngx dropzone中为非图像文件使用自定义缩略图?角度10+;

Javascript 如何在ngx dropzone中为非图像文件使用自定义缩略图?角度10+;,javascript,angular,dropzone.js,Javascript,Angular,Dropzone.js,到目前为止,我为JS Dropzone(旧版本)找到了一个答案。角度(ngx dropzone)上无任何内容。基本上,我希望在脚本中添加一个MS Excel图标、MS Word图标和PDF图标,这样当有人添加这些文件类型时,它会在预览中生成缩略图。它适用于开箱即用的图像 我检查了呈现的代码,除了文件本身的名称(document.pdf或document.xlsx)之外,没有任何文件类型的指示或属性。也许这可以做到?如何从要添加的文件中提取文件类型,然后根据该文件类型将其图标添加到预览占位符 我想

到目前为止,我为JS Dropzone(旧版本)找到了一个答案。角度(ngx dropzone)上无任何内容。基本上,我希望在脚本中添加一个MS Excel图标、MS Word图标和PDF图标,这样当有人添加这些文件类型时,它会在预览中生成缩略图。它适用于开箱即用的图像

我检查了呈现的代码,除了文件本身的名称(document.pdf或document.xlsx)之外,没有任何文件类型的指示或属性。也许这可以做到?如何从要添加的文件中提取文件类型,然后根据该文件类型将其图标添加到预览占位符

我想这就是它要去的地方

onSelect(event) {
   this.files.push(...event.addedFiles);
}

我为游乐场添加了一个文件。

尝试使用此文件获取文件类型

onSelect(event) {
        console.log(event.addedFiles);
    let type:any = event.addedFiles[0].name.split('.');
    type = type[type.length - 1];
    console.log(type);
    
        this.files.push(...event.addedFiles);
    }

那很好。我能够得到文件格式。知道如何根据文件类型将图像传递到ngx dropxone图像预览组件src=”“中吗?