Видео

bro i followed all the steps but i am still getting cors error and in command iam gettting this at the end "cors" command does not support "file://" URLs. Did you mean to use a gs:// URL?

it still works i converted it into a single file in a next js as a page.js file here is the code if anyone is interested 'use client'; import { useState } from 'react'; import * as XLSX from 'xlsx'; const UploadPage = () => { const [excelFile, setExcelFile] = useState(null); const [excelFileError, setExcelFileError] = useState(null); const [excelData, setExcelData] = useState(null); const fileType = ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet']; const handleFile = (e) => { let selectedFile = e.target.files[0]; if (selectedFile) { if (selectedFile && fileType.includes(selectedFile.type)) { let reader = new FileReader(); reader.readAsArrayBuffer(selectedFile); reader.onload = (e) => { setExcelFileError(null); setExcelFile(e.target.result); }; } else { setExcelFileError('Please select only Excel file types'); setExcelFile(null); } } else { console.log('Please select a file'); } }; const handleSubmit = (e) => { e.preventDefault(); if (excelFile !== null) { const workbook = XLSX.read(excelFile, { type: 'buffer' }); const worksheetName = workbook.SheetNames[0]; const worksheet = workbook.Sheets[worksheetName]; const data = XLSX.utils.sheet_to_json(worksheet); setExcelData(data); } else { setExcelData(null); } }; return ( <div className="container"> {/* Upload File Section */} <div className='form'> <form className='form-group' autoComplete="off" onSubmit={handleSubmit}> <label><h5>Upload Excel file</h5></label> <br /> <input type='file' className='form-control' onChange={handleFile} required /> {excelFileError && <div className='text-danger' style={{ marginTop: '5px' }}>{excelFileError}</div>} <button type='submit' className='btn btn-success' style={{ marginTop: '5px' }}>Submit</button> </form> </div> <br /> <hr /> {/* View File Section */} <h5>View Excel file</h5> <div className='viewer'> {excelData === null && <>No file selected</>} {excelData !== null && ( <div className='table-responsive'> <table className='table'> <thead> <tr> <th>ID</th> <th>First Name</th> <th>Last Name</th> <th>Gender</th> <th>Country</th> <th>Age</th> <th>Date</th> </tr> </thead> <tbody> {excelData.map((individualExcelData, index) => ( <tr key={index}> <td>{individualExcelData.Id}</td> <td>{individualExcelData.FirstName}</td> <td>{individualExcelData.LastName}</td> <td>{individualExcelData.Gender}</td> <td>{individualExcelData.Country}</td> <td>{individualExcelData.Age}</td> <td>{individualExcelData.Date}</td> </tr> ))} </tbody> </table> </div> )} </div> </div> ); }; export default UploadPage;

Awesome. Just what i was looking for!

arrows will work but u cant prevent manual entry of negative values.. do u know hot stop that negative values?

Anderson Maria Garcia Sandra Gonzalez Sandra

thank you bro

when you refresh, all state on redux will lose, i doing feat login and i trying solution for this my problem hiccc :((

And isn't there any other library because this library has around thousands of version and why it uses an API, isn't there any native or local library which won't use any of API and also provide functionalities like go to a specific page and can do highlighting. react-pdf and pdfjs-dist has many issues

I'm curious about your approach-why are you setting local state with data from localStorage? Would it be more efficient to use selectors to access the data directly from userSlice and then update it using reducers with dispatch? Storing state data in localStorage is typically useful for persisting state across browser refreshes(redux-persist is a good library to simplify it), so I'm wondering if that's the intent here. Also, for the hostName, using environment variables might be a simpler and more flexible solution instead of saving it in a separate file.

Damn the best soluion so far.

Really helpful bro keep it up. Appreciated 🥰

Mashaallah Bahot acche se samjhaya hai aapne

hey. thank you so much on your work. it worked for me. but do note in the future, some people might have the error: The API version "x.x.xxxx" does not match the Worker version "2.9.359". to fix this, just npm install the version "2.9.359"

why you using then in axios?

😊 Thank you,

Bro how to send the excel buffer data to the Api?

Muito bom o tutorial mas fiquei confuso, tem como eu customizar o tooltip? tipo mudar o tamanho da fonte, o background etc...

Great tutorial

I have been encountering with one issue that is I cannot see the users logged in firebase. Please tell any fix to this

hey sir can u share me how to show todo list which we deleted??

Love you so much

Itna simple project tha bhai file itna kyu create kiya

nice but, but this will not work in real-world problems , pdf should be selectable. but in your solution pdf download as image pdf.

nice bhai

Great work... If you wort in nextjs that's will be better

Wonderful

Bro you havn't use firebase for cart 😢

Thank you broo, You saved me.

the best so far on this topic. thank you so much

is putting all the user data in the localStorage safe ?

11:49 lets go

thank you, bro, i wish Allah would bless you ,i want you to find Islam way to go ganah

Helped a lot tysm ❤

can u show me the response or tutorial to build the api bro? i want to make api that send pdf too

tu peux nous donner le code source ?

the local host is on http then

thank you!!!

Very helpful

There is a problem when using the name of the photo because if you upload a photo with the same name it is deleted

Helpful 👍 Thank you

How do I make a product list with it, but using Expo Go on Android with Firebase? Please reply asap; it's for my school project.

why react thunk if i can login user from component and set user into localstorage

awesome

lvl

Plz upload more videos like this.. and plz increase the complexity level and realtime projects. 😊 Thanks in advance 🙏

Best video with best explanation ❤

import { defaultLayoutPlugin } from './component/@react-pdf-viewer/default-layout'; This says it's no longer supported. Is there any other way for this?

when we send request for city search it is giving 401 unauthorized key error.........y it is showing this error?

Hi!.... I've got ur code and it's running perfectly but can u tell me how to integrate into another project I've created a button but I'm unable to link this project to that Can you please help me with that.

this is working but the logo is not rendered when i generate to pdf.any idea why is it happening??