راکت

دریافت تصاویر در react همراه با ارسال token

3 پاسخ

سلام.برای دریافت تصویر در react js نیاز به ارسال token هست.چطور میتونم تصاویر رو دریافت کنم ؟

محسن
محسن
@mohsenmoradi1851
ثبت پرسش جدید

پاسخ‌ها

3
Mostafa Nazar
Mostafa Nazar
@mostafa.8722

تخصص: برنامه نویس وب و موبایل

سلام منظور چه حالتی هستش
برای دریافت نداریم نمایش تصاویر داریم .
شاید لینکش کدگذاری شده

محسن
محسن
@mohsenmoradi1851

@mostafa.8722
من میخوام فایل عکسی رو نمایش بدم که تو سرور برای نمایشش حتما باید header هم ارسال شه و توکن داشته باشه

شاید پاسخ شما همین‌جا باشد

محمد عابدی
محمد عابدی
@abedim910

تخصص: Senior Web Developer

@mohsenmoradi1851 درود
شما باید دیتای تصویر را دریافت کنید بعد با base64 اون را در src جایگذاری کنید

componentDidMount() {
    axios.get(`${imgSrc}`, { headers: {'t': token }, responseType: 'arraybuffer'}).then((res) => {

      let data = new Uint8Array(res.data);
      let raw = String.fromCharCode.apply(null, data);
      let base64 = btoa(raw);
      let src = "data:image;base64," + base64;

      this.img.src = src;
    });
  }

render() {
    return (
        <img src={""} alt={"Loading..."} ref={(e) => this.img = e} />
    )
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام