راکت

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

6 پاسخ

سلام
من برای ثبت تصاویر در پروژه لاراولم از 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);
}

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

ثبت پرسش جدید

پاسخ‌ها

6
grandfather
grandfather
@hossein0065

تخصص: پدربزرگ ...

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

نوب
نوب
@yk5742g

تخصص: کدنویس نوب :)

@hossein0065

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

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

amir
amir
@behzadi

تخصص: بک اند و فرانت اند

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

grandfather
grandfather
@hossein0065

تخصص: پدربزرگ ...

grandfather
grandfather
@hossein0065

تخصص: پدربزرگ ...

@behzadi

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

سید حسین رضوی
سید حسین رضوی
@hossein.r.1442

تخصص: برنامه نویس وب و طراح رابط کاربری

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

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

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