2回答
我很难弄清楚如何预览我用react-dropzone上传的PDF。PNG和JPG工作完美，但我也希望能够显示用户无论是pdf本身或pdf的图像。reader.readAsDataURL(currentFile)
<Dropzone</p>
浏览 20提问于2019-03-02得票数 1
我正在用react编写一个图像上传程序，我创建了一个上传组件，我想在我将其发送到后端并将其上传到cdn之前显示预览图像。然而，我不能设法把预览从状态中拿出来。没有错误，只是看起来没有从状态中获得预览道具。我很想知道你的意见。这是我的组件import React, { PropTypes } from 'react'
var Dropzone = require('react-dropzone
浏览 21提问于2017-01-26得票数 1
2回答
我正在寻找一个React图像上传组件，它提供了以下大部分/全部功能：
在移动设备上，它应该允许访问照相机，以便用户可以选择存储在设备上的图像此组件将用于应用程序(而不是React本机应用程序)。
浏览 0提问于2018-04-17得票数 3
我的react-dropzone-uploader npm package中的DropzoneUploader组件有一个自定义预览组件，该组件是可选的，用于显示。当我使用react-router-dom在我的应用程序中导航到另一条路径时，该组件被卸载。当我使用零部件导航到管线时，可选的预览零部件不再包含数据。这就像预览组件有一个开/关开关；它在执行操作时打开，在组件卸载时关闭(很明显)。 预览组件仅在按下submit按钮时呈
浏览 22提问于2020-10-14得票数 1
我已经使用react dropzone组件上传了多张图片，但是图片预览没有显示在我的template.Files上，在console.Where上显示了，我做错了吗？我在这里使用了这个组件，。import React from 'react';
export default class Dropzo
浏览 1提问于2016-06-23得票数 1
我正在使用react dropzone，当文件作为prop从另一个组件发送时，我需要以编程方式触发onDrop函数。我尝试过ref，但这只暴露了open函数。<Dropzone accept={['application/pdf']} this.handleDrop(filesclassName="drop-border" <
浏览 45提问于2021-07-06得票数 0
1回答
我刚刚安装了(https://www.npmjs.com/package/dropzone-ui)，当我将一些文件拖放到dropzone上时，我实际上可以看到文件项已经加载，并且文件图标预览显示，但当文件是图像时无法预览查看我的代码： import { Dropzone, FileItem, FullScreenPreview } from "dropzone-ui";
import { useState } from"
浏览 24提问于2021-09-25得票数 1
回答已采纳
对于我的DropZone定义，我有以下内容； $(".dropzone").dropzone({= 'gif') { newImagePath = "/images/icon_pdf128
浏览 3提问于2020-11-18得票数 0
到目前为止，我找到了JS Dropzone (旧版本)的一个答案。在Angular (ngx-dropzone)上没有任何内容。基本上，我希望添加一个MS Excel图标，MS Word图标，和PDF图标到脚本，以便当有人添加这些文件类型之一，它在预览中生成缩略图。它适用于开箱即用的图像。我检查了呈现的代码，除了具有与之关联的文件类型(document.pdf或document.xlsx)的文件本身的名称之外，没有任何文件类型的指示或属性。也许这是可以做到的？如何从要添加的文件中提取文件
浏览 37提问于2021-01-27得票数 0
我正在使用react js为不同的文件创建一个上传程序(例如: pdf)；class MyUpload extends React.Component { fileListthis.state.fileList}> </Upload> }
当我上传一个
浏览 0提问于2021-01-05得票数 1
我在设置自定义预览时感到困惑，就像image set in grid一样 我想在react-dropzone-uploader自定义预览中做到这一点，在那里我可以上传多个文件。span className="percent"> ({Math.round(percent)}%)</span>} </Grid>}
<DropzoneonSubmi
浏览 22提问于2021-11-11得票数 0
1回答
我正在尝试构建一个应用程序，使用react下拉区域来处理文件上传。我已经为这个错误绞尽脑汁好几个小时了。警告:错误的道具类型:无效的支柱children类型array提供给Dropzone，预期function。在Dropzone (at MyEditor.js:145) in MyEditor (at App.js:15) in div (at App.js:14)在div (at App.js:10) in@react dom.Development.js:15119 updateClassCompo
浏览 0提问于2019-02-21得票数 0
基本上，我希望发生这种情况(网站上的示例)：import React, { useCallback, useState } from "react";import ImageZone f
浏览 24提问于2019-10-24得票数 0
希望在上传使用下拉区域之前预览图像。我试图通过调用file.preview来映射这些图像，但是它并不存在于文件类型中。下拉区域使用preview?: string扩展文件类型。我的问题是如何访问扩展类型？如何用我正在使用的URL.createObjectURL显示图像。我是TypeScript的新手，我不能对这个问题全神贯注。任何帮助都是非常感谢的。export interface Pic { name: string
preview: strin
浏览 0提问于2019-04-26得票数 1
我目前使用Rails + React + Redux + Dropzone上传图像。但是，下一步是当有人想编辑相同的表单时，在相同的下拉区域上传器中显示这些图像，这需要一个Javascript File对象数组来显示图像。我是否需要从Rails API返回一个Blob，或者我可以如何<
浏览 12提问于2021-12-09得票数 0
回答已采纳
使用react-dropzone ()并将文件记录到控制台，但无法在状态更改时获取图像预览。知道我做错了什么吗？{
<form className='join-form' ref='joinForm' autoComplete='off'> className='
浏览 3提问于2016-07-13得票数 11
回答已采纳
我一直在使用React-Dropzone-uploader。我想知道是否有任何方法可以更改预览容器中的文件图标(自定义文件图标)？而不编写自定义预览组件？
浏览 0提问于2020-05-12得票数 0
我想使用react dnd在React中创建一个文件上传功能，其中用户应该能够通过将文件放到div中来上传文件
浏览 16提问于2020-09-21得票数 2
我使用下拉区域来处理文件上传，我使用预览容器来指定上传文件的位置。因此，我的配置如下(只剩下相关部分)： previewsContainer: '.filesList
浏览 4提问于2014-01-29得票数 3
回答已采纳
目前，我实例化了唯一这样的下拉区域： Dropzone.autoDiscover = false;
url: '/wiki/uploadpdf',
acceptedFiles: 'application/pdf</e
浏览 3提问于2015-10-01得票数 0
回答已采纳
云服务器
ICP备案
实时音视频
即时通信 IM
云直播
腾讯云开发者
