2016-04-28 14 views
0

In meinem Laravel 5.2 Projekt muss ich einen Multi-File-Upload-Bereich erstellen. Ich wähle Dropzone.js Jetzt ist mein Problem, wie man dieses Plugin mit Laravel verwendet.integrieren Dropzone.js in Laravel 5.2

das ist meine Ansicht:

<div class="tab-pane" id="tab_2"> 
       <div class="box-body"> 
        <div class="form-group"> 
         <label for="inputEmail3" class="col-sm-2 control-label">Facebook:</label> 
         <div class="col-sm-10"> 
          <input type="text" name="facebook" class="form-control"> 
         </div> 
        </div> 
        <div class="form-group"> 
         <label for="inputEmail3" class="col-sm-2 control-label">Twitter:</label> 
         <div class="col-sm-10"> 
          <input type="text" name="twitter" class="form-control"> 
         </div> 
        </div> 
        <div class="form-group"> 
         <label for="video" class="col-sm-2 control-label">Video:</label> 
         <div class="col-sm-10"> 
          <input type="text" name="video" class="form-control"> 
         </div> 
        </div> 

        <!--File Upload--> 


     <div class="dropzone" id="dropzoneFileUpload"> 
     </div> 



<script type="text/javascript"> 
     var baseUrl = "{{ url('/') }}"; 
     var token = "{{ Session::getToken() }}"; 
     Dropzone.autoDiscover = false; 
     var myDropzone = new Dropzone("div#dropzoneFileUpload", { 
      url: baseUrl+"/dropzone/uploadFiles", 
      params: { 
       _token: token 
       } 
     }); 
     Dropzone.options.myAwesomeDropzone = { 
      paramName: "file", 
      maxFilesize: 2, // MB 
      addRemoveLinks: true, 
      accept: function(file, done) { 

      }, 
      }; 
    </script> 

mein Controller:

public function store(SpotFormRequest $request) { 
    $user = Auth::user(); 
    $role = $user->role; 
    if($role === 'manager'){ 
     $idagent = 1; 
     $idmanager = $user->id; 
    } 
    else{ 
     $idagent=$user->id; 
     $idmanager=0; 
    } 


    $spot = new Spot(array(
     'agent_id'=>$idagent, 
     'manager_id'=>$idmanager, 
     'name' => $request->get('spotname'), 
     'address' => $request->get('address'), 
     'zip' => $request->get('zip'), 
     'city'=>$request->get('city_id'), 
     'phone' => $request->get('phone'), 
     'mobile' => $request->get('mobile'), 
    )); 
    $spot->save(); 

    return redirect('/administrator/spot-new')->with('status', 'Your spot has been created!'); 
} 

Ich brauche den Upload in die Steuerung zu integrieren.

Antwort

2

Implementierung Dropzone in Laravel Projekt könnte ein bisschen schwierig

Dies ist ein Schritt für Schritt tutorial, die ich äußerst hilfreich

Dieses Tutorial umfasst:

  1. Auto Bild hochladen
  2. Entfernen Sie Bilder direkt aus Dropzone Vorschau mit AJAX-Anfrage
  3. Bildzähler für hochgeladen Bilder
  4. Speichern von Bildern als in voller Größe und Symbolgröße Versionen verwenden
  5. Bild Intervention Paket zum Ändern der Größe und Bildkodierung
  6. Speichern von Bilddaten zur Datenbank
  7. eindeutige Dateinamen für Bilder auf Server-Seite