2017-12-01 35 views
-1

私はAJAX経由で画像をアップロードしようとしていますが、私の問題に対する解決策を探しています。403 AJAX経由で画像をアップロード中に禁止されています

私はこのコードを使用しています:私は403禁断のエラーを取得していますjQuery Upload Progress and AJAX file upload

@Rudie

によって、すべてを試してみました..私はMVCをopencart使用しています:

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); 
    }); 

を私はここでそれを見つけました私のカスタムダッシュボードを構築するためのアーキテクチャです。 私のウェブサイトはgoddady でホストされています。i)私はこのフォルダに.htaccessファイルを持っていません。 ii)cpanel o f godaddy "hotlink protextion"、私はそこにURLを入れました! (http://webpage.com/images) iii)フォルダのアクセス許可として777を試しました

しかし、これはまだ同じエラーです。私はこれが私のソリューションに最も適したコードだと思います。私が間違っていることは何ですか?

答えて

0

私はこのコードを実際に変更しました。 1.まず、私が持っている画像フォルダの中で、私はindex.htmlというHTMLファイルを作成しました これはとてもです 一致するDirectoryIndex(index.html.var、index.htm、index.html、index.xhtml .. ..etc)がないことを避けるために重要です。私は私のホスティングプロバイダ(goddady)のエラーログファイルを介して、このエラーを発見し、ここで理解に私を作り、それを見つけたために私にMRE情報を与えた記事です:

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

記事は言う:」。 .. Apacheは、index.htmlという名前のディレクトリインデックスファイルのみを検索することを意味しています。 "

それは私の問題を解決しました!

openCartアーキテクチャを使用して、画像をajaxでアップロードするためにコードを変更しました。私がここでstackoverflowで行った別の質問で述べたとおりです。同じ問題に誰かがスタックした場合のために、upload image file through ajax and phpをここに見つけることができます

関連する問題