2017-12-01 3 views
-1

Ich versuche eine Lösung für mein Problem zu finden, während ich versuche, ein Bild über AJAX hochzuladen.403 verboten beim Hochladen von Bildern über AJAX

ich diesen Code verwende:

document.getElementById('file').addEventListener('change', function(e) { 
     var file = this.files[0]; 
     console.log(file); 
     var xhr = new XMLHttpRequest(); 
     (xhr.upload || xhr).addEventListener('progress', function(e) { 
      var done = e.position || e.loaded 
      var total = e.totalSize || e.total; 
      console.log('xhr progress: ' + Math.round(done/total*100) + '%'); 
     }); 
     xhr.addEventListener('load', function(e) { 
      console.log('xhr upload complete', e, this.responseText); 
     }); 
     xhr.open('post', 'http://webpage.com/images', true); 
     var data = new FormData; 
     data.append('file', file); 
     xhr.send(data); 
    }); 

fand ich es hier: jQuery Upload Progress and AJAX file upload

von @Rudie

Ich erhalte 403 verboten Fehler und versucht, alles .. Ich bin mit MVC OpenCart architecture, um mein kundenspezifisches Armaturenbrett zu bauen. Meine Web site wird an goddady gehostet i) Ich habe keine .htaccess Akte auf diesem Faltblatt ii) es gibt eine Wahl bei cpanel o f godaddy "hotlink protextion", ich habe die URL auch dort eingefügt! (http://webpage.com/images) iii) versuchte 777 als Ordner Erlaubnis

aber immer noch gleichen Fehler .. Ich denke, das ist der am besten geeignete Code zu meiner Lösung .. Irgendwelche Vorschläge? was mache ich falsch?

Antwort

0

Ich fand meine Lösung ... Ich habe auch den obigen Code tatsächlich geändert .. 1. Zunächst einmal, innerhalb der Bildordner, die ich habe, habe ich eine HTML-Datei namens index.html Dies ist sehr wichtig, um Fehler zu vermeiden, die Art von: Kein übereinstimmender DirectoryIndex (index.html.var, index.htm, index.html, index.xhtml .. .. etc). Ich fand diesen Fehler durch Fehlerlogdatei meines Hosting-Provider (goddady), und hier ist der Artikel, der mir zu verstehen gemacht und gab mir MRE Informationen, die es zu finden:

https://www.liquidweb.com/kb/apache-error-no-matching-directoryindex-index-html-found-solved/

Artikel sagt: “. ..bedeutet, dass Apache nur nach Verzeichnisindexdateien sucht, die den Namen index.html haben. "

Das hat mein Problem gelöst!

Ich habe auch meinen Code geändert, um Bilder über AJAX mit openCart-Architektur hochzuladen, wie ich in einer anderen Frage erwähnt habe, die ich hier in stackoverflow gemacht habe. Sie können es hier finden upload image file through ajax and php, falls jemand auf das gleiche Problem stapeln