Prestashop: Benutzer hochgeladene Datei via AJAX statt Nachladen Seite

Question

Die Standardmethode ein Benutzer hochgeladene Bild zeigt löschen, zeigt eine kleine schwarze X, der so aussieht (das Bild zu löschen):

<a href="path/to/yourproduct?deletePicture=1" title="Delete" > 

Wenn der Benutzer Wenn Sie auf diese Schaltfläche klicken, wird die Seite neu geladen und die vom Benutzer hochgeladene Datei wird gelöscht.

Ich kann nicht herausfinden, wo der Code ist, der diese Datei löscht - also dachte ich, vielleicht AJAX wäre ein besserer Weg, um darüber zu gehen. Plus, nur für den Fall, dass der Benutzer Informationen auf der Seite eingegeben hat, müssen sie nicht erneut eingegeben werden.

änderte ich den kleinen schwarzen X dazu:

$('#deletePictureTrigger').click(function(e){ 
    alert('now it deletes'); 
}); 

Dies funktioniert und eine Warnung erscheint:

<a id="deletePictureTrigger" href="javascript:void(0)" title="Delete" > 

ich dies auch in product.js hinzugefügt.

Was wäre der beste Weg, um dies fortzusetzen?

Würde es so etwas sein? :

Wo ist die Methode deletePicture, die aufgerufen wird, wenn diese Seite angefordert wird?

Ich möchte dies automatisieren, damit der Ajax es löscht, ohne die Seite neu zu laden.

Answer 1

Ich hatte einige Änderungen an meinem Ajax-Aufruf wie folgt zu machen:

$('body').on('click', '#deletePictureTrigger', function(event){ 
    event.preventDefault(); 
    var data = new FormData(); 
    data.append('ajax', 1); 
     $.ajax({ 
      url: window.location.href+"?deletePicture=1", 
      type: 'GET', 
      data: data, 
      cache: false, 
      //dataType: 'json', 
      processData: false, 
      contentType: false,    
      //enable for saving on 'add to cart' 
      //async: true, 
      success: function(data, textStatus, jqXHR) 
      { 
       $('#preview-img0').remove(); 
       $('#customImages').remove(); 

      }, 
      error: function(jqXHR, textStatus, errorThrown) 
      { 
       console.log(jqXHR); 
       alert ("there was an error:"+errorThrown); 
      } 
     }); 

});