grandfather
3 سال پیش توسط grandfather مطرح شد
6 پاسخ

قرار دادن دکمه ثبت در لاراول هنگام استفاده از dropzone

سلام
من برای ثبت تصاویر در پروژه لاراولم از dropzone و کدهای زیر استفاده کردم
مشکل اینجاست که کاربر هر بار یک تصویری رو انتخاب میکنه در دیتابیس و فولدر مربوطش ثبت میشه و این میتونه یه بار اضافی برای سایت به حساب بیاد...
سوالی که از دوستان داشتم اینه که چه تغییراتی باید در کدهای زیر بدم تا کاربر تا زمانیکه دکمه تایید رو کلیک نکرده تصاویر ثبت نشن ؟

کد js :

Dropzone.options.addiamage=
         {
            maxFiles: 1,
            renameFile: function(file) {
                var dt = new Date();
                var time = dt.getTime();
               return time+file.name;
            },
            acceptedFiles: ".jpeg,.jpg,.png",
            addRemoveLinks: true,
            timeout: 50000,
            removedfile: function(file) 
            {
                var name = file.upload.filename;
                $.ajax({
                    headers: {
                                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                            },
                    type: 'POST',
                    url: '{{ url("deleteimage") }}',
                    data: {filename: name},
                    success: function (data){
                        console.log("File has been successfully removed!!");
                    },
                    error: function(e) {
                        console.log(e);
                    }});
                    var fileRef;
                    return (fileRef = file.previewElement) != null ? 
                    fileRef.parentNode.removeChild(file.previewElement) : void 0;
            },

            success: function(file, response) 
            {
                console.log(response);
            },
            error: function(file, response)
            {
               return false;
            },
};

html مربوطه :

<div class="col-lg-12">
<form method="post" id="addiamage" action="{{ url('image?id='.$userimage->id)}}" class="dropzone my-3">
{{ csrf_field() }}
</form>    
</div>

کدهای داخل کنترلر :

public function image(Request $request){

    $mobile=Auth::user()->mobile;
    $image = $request->file('file');
    $imageName = $image->getClientOriginalName();
    $image->move(public_path('img'),$imageName);   
    $imagenew=Image::where('mobile',$mobile)->update(['image_url'=>$imageName]);
  return response()->json($imageName);
}

ممنون میشم راهنمایی کنید ....


ثبت پرسش جدید
grandfather
تخصص : پدربزرگ ...
@hossein0065 3 سال پیش مطرح شد
0

اساتید راهنمایی کنید ممنون میشم :/
@hesammousavi
@ali.bayat
@endworld
@mohsenbostan
@mhyeganeh
@hossein.r.۱۴۴۲
و....


نوب
تخصص : کدنویس نوب :)
@yk5742g 3 سال پیش مطرح شد
0

@hossein0065

به دکمه ی سابمیت یه onclick=myFunc() بده و کد js را بزار توی یه function myFunc


amir
تخصص : بک اند و فرانت اند
@behzadi 3 سال پیش مطرح شد
0

روش من این است که ابتدا فایل ها رو داخل یک فولدر اپلود کنه اما نامه این فولدر رو یک تایم استمپ بزارین که تایم الان باشه به علاوه مثلا ده دیقه دیگ بعد اگه تا ده دیقه دیگه کاربر ادرس رو در دیتابیس نفرستاد اون فولدر رو پاک کنین


grandfather
تخصص : پدربزرگ ...
@hossein0065 3 سال پیش مطرح شد
grandfather
تخصص : پدربزرگ ...
@hossein0065 3 سال پیش مطرح شد
0

@behzadi

ایده خیلی جالبیه
اگر امکانش هست نمونه کدهاتون رو بزارید
ممنون


سید حسین رضوی
تخصص : برنامه نویس وب و طراح رابط کار...
@hossein.r.1442 3 سال پیش مطرح شد
0

توی داکیومنت خود دراپ زون یه قسمت هست برای حذف فایل البته دیر زمانیه باهاش کارنکردم ولی قبلا فک کنم یه همچین چیزی بود، من قبلا از یه لایبرری دیگه استفاده میکردم خیلی چیز سبک و عالی بود، تقریبا مثل وردپرس بود، به راحتی هم کاستم میشد.
فک کنم همین بود
https://github.com/JeremyFagis/dropify


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

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