Saya sedang mengerjakan proyek laravel 5.3.
sebelum mengajukan pertanyaan saya telah mencoba tautan ini:
pertama , ke-2 , ke-3 , ke-4 ,ke-5 tetapi tidak berhasil.
izinkan saya menunjukkan kode saya.
detail.blade.php
<form class="form" method="post" action="{{url('add_user_photo_gallery')}}" id="my-awesome-dropzone" name="validate_resume">
<input name="_token" type="hidden" value="{{ csrf_token() }}"/>
<div class="card-body">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="form-group floating-label">
<div id="dropzonephoto" class="dropzone dz-clickable form-fileupload">
<div class="dz-message dz-default" style="text-align:center;">
<span>Click Here to upload Photo </span>
</div>
</div>
</div>
<small>jpg, png , jpeg - upto 1 Mb max</small>
</div>
<div class="col-md-12">
<input type="text" name="first_name" />
</div>
<div class="col-md-12">
<input type="text" name="last_name" />
</div>
<div class="col-md-12">
<input type="email" name="email" />
</div>
<div class="row">
<div class="col-md-12">
<input type="submit" id="btn_save_photo" class="custom-btn primary-btn pull-right" required>
<input type="reset" id="btn_reset_photo" class="custom-btn warning-btn pull-right" value="Cancle" required>
</div>
</div>
</div>
</div>
</form>
Dropzone.autoDiscover = false;
var myDropzone = new Dropzone('#dropzonephoto', { // Make the whole body a dropzone
url: base_path + '/add_user_photo_gallery',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
paramName: "images",
parallelUploads: 1,
maxFilesize: 1.0,
maxFiles:20,
acceptedFiles: ".png,.jpg,.jpeg",
dictInvalidFileType: 'This file type is not supported.',
dictFileTooBig:'File size too Big',
addRemoveLinks: true
});
public function add_user_photo_gallery(Request $request){
dd($request->all());
}
Dalam fungsi pengontrol saya, saya mencetak permintaan yang berasal dari formulir. Saya mendapatkan semua bidang kecuali gambar dropzone.
menggunakan skrip dropzone di atas ketika saya memilih gambar, itu langsung menuju ke pengontrol dan saya dapat melihat semua detail gambar di konsol/jaringan. Saya tidak menginginkannya jadi saya menambahkan kode di bawah ini dalam skrip saya.
antrian proses otomatis: salah,
$('#btn_save_photo').on('click',function(e){
e.preventDefault();
myDropzone.processQueue();
});
Setelah menambahkan kode ini, gambar diunggah pada tombol kirim tetapi elemen formulir lainnya tidak dikirimkan. dan proses pengunggahan ini ditampilkan di bagian inspeksi elemen/jaringan .
Jadi yang saya inginkan ada pada tombol kirim ingin menyegarkan halaman dan mencetak semua data formulir dengan gambar dropzone.
Adakah yang ada di sini untuk menyelesaikan masalah saya?
parallelUploads: 1
Anda akan mengirim permintaan untuk setiap file yang ditambahkan ke dropzone dan setiap permintaan ini akan berisi data formulir yang sama, mungkin Anda harus mempertimbangkan untuk mengirim semua gambar dalam satu permintaan denganuploadMultiple
- person wallek876   schedule 26.02.2017