อัพโหลดและแสดงแฟ้มภาพผ่านผ่านทางนำเข้าข้อมูลป้ายกำกับอยู่ในตอบโต้-redux

0

คำถาม

ฉันมีข้อมูลป้ายกำกับในส่วนประกอบนั่น uploads เป็น singe องภาพได้ที่นี่

<input 
      type="file"
      accept=".png,.jpeg"
      onChange={e => dispatch(setProfileImage(e.target.files[0]))}
/>

จากสิ่งที่ฉันสามารถเห็นรูปภาพจะช่วยในรัฐหลังจากที่ผมเรียกศูนย์กการกระทำและบันทึกมันต้องรัฐผ่าน reducer.

ปัญหาของฉันคืนนี้ในอีกส่วนประกอบ,ผมเข้าถึงภาพของรัฐผ่านทาง useSelector และใช้มันเป็นแหล่งอยู่ในสภาพป้ายกำกับแต่งภาพดูเหมือนหัก ง่ายๆก็คือ,ผมแค่ต้องการที่จะสามารถที่จะใช้ในภาพช่วยอยู่ในเมืองเป็นแหล่งที่มาของภาพป้ายกำกับ

มีคำอธิบายหัดเล่นหรือเชื่อมโยงเป็น greatly นเกียรติอย่างยิ่ง ฉันพยายามที่จะหลีกเลี่ยงการใช้โปรแกรมเบื้องหลังเป็นของโปรแกรมทำงานเป็นตัวเล็กๆและนั่นคือไม่จำเป็นต้องสำหรับหนึ่งแต่ฉันยินดีจะถ้านั่นเป็นที่ง่ายที่สุดคำตอบ

ขอบคุณ!

file-upload image react-redux reactjs
2021-11-22 09:05:55
1

คำตอบที่ดีที่สุด

1

สร้างที่อยู่ url สำหรับภาพที่ใส่มันไว้ใน src ของ img ป้ายกำกับ:

   const ImageUrl =  URL.createObjectURL(file);

หรือ

<img src={URL.createObjectURL(file)}  alt={file.name} />
2021-11-22 09:27:16

ฉันต้องการที่จะนำอะไรหรือแค่ทำแบบนี้คือพอเหรอ?
notacoder

ใช่และฉันได้แก้ไขคำตอบของฉันแล้วมันอาจจะช่วยคุณ
Samira

stackoverflow.com/questions/38049966/... ตรวจสอบมันเพื่อมากกว่า
Samira

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่