上传html文件成功但403,错误403当我尝试上传文件（图片）到服务器

小灰灰 2022-10-06 13:49 89阅读 0赞

我想创建服务器上传图像和填写json的形式。我已经尝试了许多代码和插件下载到服务器，但我总是得到403错误。我的错误是什么？我只使用没有后端的jQuery或AngularJs。这是一个链接：http://salegid.com/dist/最后一个变体：错误403当我尝试上传文件(图片)到服务器

HTML

![Image preview...][]

Image dataURI:

{
         {uploadme}}

upload image

JS

var app = angular.module('myApp', \[

'ngResource',

'ngRoute'

\])

.config(\['$routeProvider', function ($routeProvider) \{

$routeProvider

.when('/', \{

templateUrl: 'index.html',

controller: 'MyController',

\})

.otherwise(\{

redirectTo: '/'

\});

\}\])

.controller('MyController', \['$scope', '$http', function($scope, $http) \{

//the image

$scope.uploadme;

$scope.uploadImage = function() \{

var fd = new FormData();

var imgBlob = dataURItoBlob($scope.uploadme);

fd.append('file', imgBlob);

$http.post(

'imageURL',

fd, \{

transformRequest: angular.identity,

headers: \{

'Content-Type': undefined

\}

\}

)

.success(function(response) \{

console.log('success', response);

\})

.error(function(response) \{

console.log('error', response);

\});

\};

//you need this function to convert the dataURI

function dataURItoBlob(dataURI) \{

var binary = atob(dataURI.split(',')\[1\]);

var mimeString = dataURI.split(',')\[0\].split(':')\[1\].split(';')\[0\];

var array = \[\];

for (var i = 0; i < binary.length; i++) \{

array.push(binary.charCodeAt(i));

\}

return new Blob(\[new Uint8Array(array)\], \{

type: mimeString

\});

\};

\}\])

.directive('fileread', \[

function() \{

return \{

scope: \{

fileread: '='

\},

link: function(scope, element, attributes) \{

element.bind('change', function(changeEvent) \{

var reader = new FileReader();

reader.onload = function(loadEvent) \{

scope.$apply(function() \{

scope.fileread = loadEvent.target.result;

\});

\}

reader.readAsDataURL(changeEvent.target.files\[0\]);

\});

\}

\}

\}

\]);

你能不能帮我，因为我卡住了。非常感谢。

[Image preview...]:

发表评论取消回复

表情：

评论列表（有 0 条评论，89人围观）

还没有评论，来说两句吧...

相关阅读

相关上传html文件成功但403,错误403当我尝试上传文件（图片）到服务器

我想创建服务器上传图像和填写json的形式。我已经尝试了许多代码和插件下载到服务器，但我总是得到403错误。我的错误是什么？我只使用没有后端的jQuery或AngularJs。

小灰灰/ 2022年10月06日 13:49/ 0 赞/ 90 阅读

相关上传图片文件到服务器上,Java如何实现上传文件图片到服务器

Java如何实现上传文件图片到服务器发布时间：2021-07-24 11:02:12 来源：亿速云阅读：58 作者：小新这篇文章主要介绍Java如何实现上传文件

深碍√TFBOYSˉ_/ 2022年09月04日 06:54/ 0 赞/ 236 阅读

相关 beego文件上传服务器,Beego-上传文件

1.beego官网 2.找到SaveToFile方法 //SaveToFile saves uploaded file to new path. it only opera

短命女/ 2022年09月03日 02:24/ 0 赞/ 227 阅读

相关 vue上传图片文件到服务器,10秒带你实现图片上传到服务器

原生上传图片到服务器上次给大家分享过下面的文章结合element-ui上传图片到服务器基于上面的原理，我又替大家把整个配置封装好了，大家在使用的时候直接引入配置文件

╰+攻爆jí腚メ/ 2022年09月02日 14:50/ 0 赞/ 403 阅读

相关 android-----上传文件到服务器

新建一个dynamic web project 搭建一个服务器，上传文件需要用到的开源jar包有： 1、commons-fileupload-1.2.1.jar 2、com

清疚/ 2022年08月04日 01:48/ 0 赞/ 243 阅读

相关上传excel文件到服务器

最近遇到了需要上传excel文件，并将excel表中的数据都出来，存到数据库中的需求，今天将步骤整理一下，如下：一、新建一个html(或jsp页面)，如

落日映苍穹つ/ 2022年07月14日 13:57/ 0 赞/ 301 阅读

相关上传excel文件到服务器

最近遇到了需要上传excel文件，并将excel表中的数据都出来，存到数据库中的需求，今天将步骤整理一下，如下：一、新建一个html(或jsp页面)，如

谁践踏了优雅/ 2022年07月14日 13:57/ 0 赞/ 251 阅读

相关 Jersey实现跨服务器上传图片：UniformInterfaceException：403 Forbidden

jersey.api.client.UniformInterfaceException ：returned a response status of 403 Forbidden

古城微笑少年丶/ 2022年06月17日 02:39/ 0 赞/ 127 阅读

相关 linux图片服务器上传文件出现403错误

1、服务器新建一个sh脚本以下脚本表示给/dataDocs/uc/ueditor授予755权限 !/bin/bash while true

以你之姓@/ 2021年11月02日 07:30/ 0 赞/ 363 阅读

相关上传文件，图片、文件

上传文件，图片、文件都可以控制器类 @ApiOperation(value = "上传附件") @PostMapping("/ms_conten

水深无声/ 2021年09月28日 08:50/ 0 赞/ 498 阅读