堆棧內存溢出
cost 101 ms
我希望能夠在顯示其他元素的同時使用 react-dropzone 全屏放置文件

[英]I want to be able to drop files in full screen with react-dropzone while displaying other elements

作為前端新手，關於 typescript 和 css 我不確定我是否理解正確。 我想修改下面的代碼，使所有屏幕都成為 dropzone，並添加在放置圖像時預覽圖像的功能。 以下代碼使用了typescript中的react，同樣使用了react-dropzone。import { useEffect, ...

在 ubuntu 中，react-dropzone.mov 擴展文件未顯示 chrome 預覽

[英]In react-dropzone .mov extension file not showing preview with chrome in ubuntu

我已經使用 react-dropzone - https://www.npmjs.com/package/react-dropzone實現了一個文件拖放組件，如下所示，但我面臨的問題基本上是在 ubuntu 谷歌瀏覽器中，點擊react-dropzone，我無法預覽.mov 文件。 將 window ...

react-hook-form - 如何處理文件數組形式

[英]react-hook-form - how to handle files array form

我正在使用 react 和 react-hook-form 創建一個表單。 在表單中，有文件數組。 我添加了useFieldArray來處理文件。 我使用replace將文件添加到表單狀態（ + react-dropzone ） 問題： form.fields僅包含上傳文件的子對象。 但如果我執行c ...

使 FileReader 在單個數組中返回所有文件作為解析的 JSON

[英]Make FileReader return ALL files as parsed JSONs inside a single array

我需要將所有放入 dropzone 的文件作為解析的 JSON 數組返回，並將該數組用作上一級父組件中的“事實來源”。 加載文件后，我使用FileReader讀取它們，解析它們並創建有效負載，以便從文件中解析的所有所需數據作為 JSON 有效負載發送到父組件，從那里它可以作為道具進一步重新分配. ...

如何在反應js中使用反應dropzone上傳器將文件發送到服務器

[英]how to send file to server with react dropzone uploader in react js

我想使用react-dropzone-uploader選擇圖像文件，然后將其上傳到我的 php 服務器（codeigniter 4，如果重要的話）。 但即使我已經在參數中定義了xhr ，它也會給出錯誤xhr is undefined 。 這是為什么？ 這是我的代碼： codesandboximpor ...

來自 s3 的初始文件不顯示 react-dropzone

[英]initial file from s3 not displaying react-dropzone

我正在使用 react-dropzone + s3 上傳產品的圖片，它工作正常。 當我想編輯產品時，問題就開始了。 我正在嘗試使用 initialFiles 道具在 react-dropzone 組件中顯示產品的圖像，但它們顯示不正確。 這是組件的外觀： 這就是它所顯示的 我的猜測是這些文件是存儲 ...

使用 react-hook-form 和 react-dropzone 時 setValue 不起作用

[英]setValue does not work when using react-hook-form and react-dropzone

使用 react-hook-form 和 react-dropzone 時，setValue 后不會更新 form 參數。 為 onDrop 設置的 setValue 不注冊值。 如果 setValue 的第一個參數作為適當的字符串輸入，則設置該值，但如果第一個參數是從 props 接收的表單的名稱 ...

如何 SetError React Hook 表單和 React-dropzone

[英]How to SetError React Hook form and React-dropzone

我正在開發一個 React 鈎子表單項目，我正在使用 react-dropzone 上傳一些圖像，當文件類型不是圖像時，我想顯示一個 React 鈎子表單的錯誤，我可以 console.log 錯誤但我在文件格式被接受之前，不知道如何使用 SetError 並阻止表單提交。 這是我的沙盒代碼請問 ...

React Dropzone：圖像文件預覽問題

[英]React Dropzone: Image files preview issue

我上傳圖像文件並在 react dropzone 中進行預覽。 但是，上傳后，文件已成功上傳（我可以在控制台中看到它）但有時會預覽圖像文件，有時相同的圖像文件會出現錯誤，例如： 獲取 blob：http://localhost:3000/438716d3-2317-438b-9d1e-eb7bc5e ...

如何使用 Dropzone 組件拒絕超大文件？

[英]How to reject oversize file with Dropzone component?

我正在使用帶有 Nextjs 和 TypeScript 的React-Dropzone的Dropzone組件。 如果文件大小超過 30MB（ 30000000字節），我想拒絕上傳。 此時拒絕消息可能是任何內容。 目前，將大文件放入區域時 - 出現此錯誤： 我在本文檔中看到有一個名為o ...

react-dropzone 接受所有上傳的文件類型，而不是“accept”參數中指定的文件類型

[英]react-dropzone accepts all uploaded file types instead of specified file type(s) in "accept" parameter

當我上傳文件時，我的react-dropzone 'accept': { .. }參數似乎完全被忽略了。 我的useDropzone({}) ： 我的onDrop回調： 編碼： 總是返回： Accepted 1, rejected 0 files 無論如何，即使我上傳了pdf 、 j ...

React with TypeScript 中其他表單的可重用輸入組件

[英]Reusable input component for other forms in React with TypeScript

我剛得到一個獨立的組件。 這是我們用來獲取用戶文件的 dropzone 字段。 這個 dropzone 組件是一個帶有自己的onsubmit事件的表單。 我們正在應用程序中進行一些重構，在某些情況下，我們需要在具有其他類型字段的其他表單中重用這個 dropzone 組件，例如單選按鈕或文本字段。 ...

使用 React-Dropzone 編輯帶有圖像的產品

[英]Edit Product with images using React-Dropzone

創建產品時，我使用 React-Dropzone，但在編輯時，我打算以相同的方式使用它。 我希望在編輯產品時，已經上傳到產品的圖像顯示在 React-Dropzone 下，以便用戶可以將它們全部刪除，或者只刪除一個等。 此代碼在上傳圖像時工作正常，但是當我在編輯時將數組與數據庫中已有產品的圖像一起傳 ...

React-Dropzone，接受的文件 MIME 類型錯誤

[英]React-Dropzone, accepted files MIME type error

出於明顯的原因，我目前正在構建一個反應放置區，但遇到了那些奇怪的錯誤： 您可以定義 dropzone 將接受的數據類型。 它看起來如下： 在那里你還可以看到接受鍵，我從中得到錯誤消息。 由於 TypeScript，它具有奇怪的語法： 這是接受鍵的預期類型。 關於為什么我收到這個奇怪的錯 ...

無法將數據數組插入 Formik state。僅設置一個元素

[英]Can't insert an array of data into Formik state. One element is set only

我嘗試將一組文件添加到 Formik state 的“文件”屬性中， 福米克 state： 但無論我選擇多少個文件，數組的唯一一個元素總是被設置。 它不斷地與下一個重新錄制！ 在這里 (src/components/DragAndDrop/DragAndDrop.js) 我在 onDrop fun ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM