ارسال فایل عکس در vuejs
سلام خسته نباشید من میخوام یه عکس رو با cropperjs برش بدم بعد به همراه باقی اطلاعات فرم با axios بفرستم.
const canvas = this.cropper.getCroppedCanvas();
canvas.toBlob(blob => {
let formData = new FormData();
formData.append("formData", blob);
this.obj.blog_image = formData;
});گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
مشکل ام حل شد .به جای اینکه بخوام formData رو به ابجکت اضافه کنم Property های آبجکت رو به formData پاس دادم و در نهایت formData رو به سمت axios فرستادم
سمت سرور با لاراول نوشته شده و از من فایل میخواد مشکل اینه که property که پر میکنم خالی میره. کلا formData خالیه ،نمیدونم دردش چیه؟
This.cropper یه ابجکت میده بهم که با getCroppedCanvas تبدیل به المنت canvas میشه.blob هم شامل پسوند فایل و حجم فایله ،formData هم کلا خالیه
اینو به فرمت اضاف کن و تست کن
enctype="multipart/form-data"اینجوری
<form method="POST" Action="/admin/add-shop" enctype="multipart/form-data" >مشکلم با form data حل شد ولی الان مشکلم اینه که چطوری میتونم اطلاعات formdata رو به همراه object به سمت سرور بفرستم .
من تمام المنت ها توی فرم با v-model به یه آبجکت ارسال میشه و عکس هم با cropperjs برش داده میشه و میخوام این FormData با اون آبجکت به api ارسال بشه وقتی formData رو به یه property پاس میدم اون property یه آبجکت خالی میفرسته
مشکل ام حل شد .به جای اینکه بخوام formData رو به ابجکت اضافه کنم Property های آبجکت رو به formData پاس دادم و در نهایت formData رو به سمت axios فرستادم