当前位置:首页 » 网页前端 » 前端将上传文件流传给后端
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端将上传文件流传给后端

发布时间: 2022-10-04 07:18:31

A. 前端上传文件的几种方法

1.表单上传

最传统的图片上传方式是form表单上传,使用form表单的input[type=”file”]控件,打开系统的文件选择对话框,从而达到选择文件并上传的目的。

form表单上传

表单上传需要注意以下几点:

(1).提供form表单,method必须是post。

(2).form表单的enctype必须是multipart/form-data。

javascript学习交流群:453833554

enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地,表单数据会编码为 "application/x-www-form-urlencoded"。就是说,在发送到服务器之前,所有字符都会进行编码。HTML表单如何打包数据文件是由enctype这个属性决定的。enctype有以下几种取值:

application/x-www-form-urlencoded:在发送前编码所有字符(默认)(空格被编码为’+’,特殊字符被编码为ASCII十六进制字符)。

multipart/form-data:不对字符编码。在使用包含文件上传控件的表单时,必须使用该值。

text/plain:空格转换为 “+” 加号,但不对特殊字符编码。

默认enctype=application/x-www-form-urlencoded,所以表单的内容会按URL规则编码,然后根据表单的提交方法:

method=’get’ 编码后的表单内容附加在请求连接后,

method=’post’ 编码后的表单内容作为post请求的正文内容。

B. 前端nginx作为缓冲,将所有的访问都传给后端,这样可以吗

楼主的情况 我可以解答,我们原来用nginx做代理,代理后端的apache,结果评论的ip全是一样的,也就是都是代理的ip,呵呵,你想要的就是这样的结果吧
nginx 配置下面就会得到客户的真实ip
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
,你只要配置的时候不加这个就可以了

C. 前端怎么把数组传给后端啊

前台核心代码
var misGroup = new Array();
var srcGroup = new Array();
$.ajax({
type : "POST",
url : "preplan_preplan_savePreplan.action",
dataType : "json",
traditional : true,
data : {
//此处misArray跟后台对应
misArray : misGroup,
//此处srcArray跟后台对应
srcArray : srcGroup
},
success : function() {
}
});

D. 前端做input表单,type=file怎样提交给后台

1、首先,你要对form表单设置下相关属性,增加如下属性:
enctype="multipart/form-data" action="接收上传文件的后台处理URL" method="post"
<form enctype="multipart/form-data" action="" method="post">
<input type="file" <a href="https://www..com/s?wd=id&tn=44039180_cpr&fenlei=-bIi4WUvYETgN-" target="_blank" class="-highlight">id</a>="choosefile" />
<input type="file" <a href="https://www..com/s?wd=id&tn=44039180_cpr&fenlei=-bIi4WUvYETgN-" target="_blank" class="-highlight">id</a>="f" style="display:none;" />
<input type="submit" value="上传文件" <a href="https://www..com/s?wd=id&tn=44039180_cpr&fenlei=-bIi4WUvYETgN-" target="_blank" class="-highlight">id</a>="submitBtn" />
</form>

2、编写接收客户端文件上传的后台代码,即上面提到的“接收上传文件的后台处理URL”的相关代码。

3、当点击上面增加的“上传文件”按钮后,将调用action对应的处理方法进行文件上传

因为不知道你是使用什么语句作为后台程序的运行语句,这里没法给出示例。像很多都有现成的插件。

E. 前端如何把用户导入的文件传给后台

var OrderModel = {};
var psgArray = [];
$("input[name='psgId']").each(function () {
var person = {}; //定义一个类接收数据
person.id = $(this).val();
psgArray.push(person);
});
OrderModel.psgList = psgArray;

var JsonData = encodeURIComponent(JSON.stringify(OrderModel)); //序列化对象

F. 前端批量上传图片后端怎么接收

循环啊 异步啊,直接转换成base64传到后台,后台循环解码,保存在文件夹里面不就可以了。

G. Java中前端jsp页面选择文件上传之后,传递到后台的是路径还是流

题主你好,你这么问的话说明对于文件上传的概念还是有些不清楚。文件作为资源,如何进行网络传输呢?在传输层,java封装了各种流对象进行服务器与客户端的交互。如果是路径的话,试问服务器怎么知道你传过来的路径是什么,并且生成对应的文件呢?

H. 前端可以直接上传文件,不经过后台到服务器中吗

可以这样子。转为base64数据后就是一段字符串,POST上传就好了。
但是一般不会采用这种方案,因为
1.Base64要求把每三个8Bit的字节转换为四个6Bit的字节(38 = 46 = 24),然后把6Bit再添两位高位0,组成四个8Bit的字节,也就是说,转换后的数据理论上将要比原来的大1/3,消耗流量,浪费空间。
2.你转化为Base64之后怎么存储呢?存储在数据库吗?那又要多支付访问数据库的开销。存储为图片文件吗?那又要转换回来,也是增加了解析转换的开销。
3.浏览器的兼容问题,IE 8 以下不支持 data url,IE 8 开始支持 data url,却有大小限制。

I. 文件上传功能是前端开发做的事,还是后台开发做的事

这个是前后端配合完成的事:
后端:编写后台逻辑,提供上传文件的接口。
前端:根据后端提供的接口,编写前端代码,向后端提供的接口发送文件。

J. 前端怎么传图片给后台(java)

你可以现在前台控制台打印一下base64的流,看看是否获取图片成功。如果成功再去后台看看获取的文件信息,haerd中是否有数据。
然后就是你没有后台代码,这里也不好判断是否是接收问题