Opencart 403禁止通过AJAX上传图像

我试图找到一个解决我的问题的方法，同时我试图通过AJAX上传一个图像

我正在使用以下代码：

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

我在这里找到的：

作者@Rudie

我得到了403个禁止的错误并尝试了所有的方法。。我正在使用opencart MVC archritecture构建我的自定义仪表板。。 我的网站是在goddady托管的 i） 我在此文件夹中没有任何.htaccess文件 ii）godaddy的cpanel上有一个选项“hotlink protextion”，我也在其中放置了URL！() iii）尝试使用777作为文件夹权限

---

但还是同样的错误。。我认为这是最适合我的解决方案的代码。。有什么建议吗？我做错了什么？

我找到了解决办法。。。实际上我也更改了上面的代码。。 1.首先，在我拥有的图像文件夹中，我创建了一个名为index.HTML的HTML文件 这对于避免以下类型的错误非常重要： 没有匹配的DirectoryIndex（index.html.var、index.htm、index.html、index.xhtml…e.t.c.）。我是通过我的主机提供商（goddady）的错误日志文件发现这个错误的，下面的文章让我明白了这一点，并给了我找到它的mre信息：

文章说：“……这意味着Apache将只查找名为index.html的目录索引文件”

这解决了我的问题

我还修改了代码，以便使用openCart架构通过ajax上传图像，正如我在stackoverflow中提出的另一个问题中提到的那样。你可以在这里找到它，以防有人遇到同样的问题