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

我在这里找到的: jQuery Upload Progress and AJAX file upload

我得到403禁止的错误,并尝试了一切。。我正在使用opencart MVC ArchriteTure构建我的自定义仪表板。。 我的网站托管在goddady i) 我没有。此文件夹上的htaccess文件 ii)godaddy“hotlink protextion”的cpanel中有一个选项,我也在其中放置了URL!( http://webpage.com/images ) iii)尝试777作为文件夹权限

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