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请求的正文内容。
‘贰’ 前端分享微信怎么记录操作过程的
1、首先登录微信公众号绑定域名，选择菜单“公众号设置”，再选择功能薯春设置，填写JS接口安全世袭域名。
2、其次引入JS文件。在需要调用JS接口的页搜手兄面引入如下JS文件。
3、然后使用wx.config方法配置。
4、最后调用你需要的API，比如，自定义分享给微信朋友或者分享给QQ好友，就调用updateAppMessageShareData。
‘叁’ 前端怎么传xml文件到
WebService中文件传输
WebService处理传递普通的信息，还可以传输文件，下面介绍WebService是怎么完成文件传输的。
1、 首先编写服务器端上传文件的WebService方法
package com.hoo.service;
import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.InputStream;
import javax.activation.DataHandler;
/**
* <b>function:</b>Axis WebService完成文件上传服务器端
* @author hoojo
* @createDate Dec 18, 2010 1:16:16 PM
* @file UploadFileService.java
* @package com.hoo.service
* @project AxisWebService
* @blog http://blog.csdn.net/IBM_hoojo
* @email [email protected]
* @version 1.0
*/
public class UploadFileService {
/**
* <b>function:</b>传递文件
* @author hoojo
* @createDate Dec 18, 2010 1:27:58 PM
* @param handler DataHandler这个参数必须
* @param fileName 文件名称
* @return upload Info
*/
public String upload(DataHandler handler, String fileName) {
if (fileName != null && !"".equals(fileName)) {
File file = new File(fileName);
if (handler != null) {
InputStream is = null;
FileOutputStream fos = null;
try {
is = handler.getInputStream();
fos = new FileOutputStream(file);
byte[] buff = new byte[1024 * 8];
int len = 0;
while ((len = is.read(buff)) > 0) {
fos.write(buff, 0, len);
}
} catch(FileNotFoundException e) {
return "fileNotFound";
} catch (Exception e) {
return "upload File failure";
} finally {
try {
if (fos != null) {
fos.flush();
fos.close();
}
if (is != null) {
is.close();
}
} catch (Exception e) {
e.printStackTrace();
}
}
return "file absolute path:" + file.getAbsolutePath();
} else {
return "handler is null";
}
} else {
return "fileName is null";
}
}
}
上传方法和我们以前在Web中上传唯一不同的就是参数一DataHandler，可以将这类看成文件传输器，他可以把文件序列化。然后通过DataHandler可以得到一个输入流InputStream，通过这个流可以读到文件的内容。其他的操作和普通上传类似。
2、 定制wsdd发布文件上传的WebService服务
<?xml version="1.0" encoding="UTF-8"?>
<deployment xmlns="http://xml.apache.org/axis/wsdd/"
xmlns:java="http://xml.apache.org/axis/wsdd/providers/java">
<service name="UploadFile" provider="java:RPC">
<parameter name="className" value="com.hoo.service.UploadFileService" />
<parameter name="allowedMethods" value="*" />
<parameter name="scope" value="Session" />
<!-- 和服务器端上传文件的方法签名对应，参数也对应 -->
<operation name="upload" qname="operNS:upload" xmlns:operNS="upload" returnType="rns:string"
xmlns:rns="http://www.w3.org/2001/XMLSchema">
<parameter name="handler" type="ns:DataHandler" xmlns:ns="http://www.w3.org/2001/XMLSchema"/>
<parameter name="fileName" type="ns:string" xmlns:ns="http://www.w3.org/2001/XMLSchema"/>
</operation>
<typeMapping qname="hns:DataHandler" xmlns:hns="ns:FileUploadHandler"
languageSpecificType="java:javax.activation.DataHandler"
serializer="org.apache.axis.encoding.ser." deserializer="org.apache.axis.encoding.ser." encodingStyle="http://schemas.xmlsoap.org/soap/encoding/"/>
</service>
</deployment>
上面才xml节点元素在前面都见过了，说明下operation中的参数，注意要指定参数类型，特别是DataHandler的类型，然后就是typeMapping的serializer、deserializer的序列化和反序列化工厂类的配置。
3、 用dos命令发布当前WebService
C:\SoftWare\tomcat-5.0.28\tomcat-5.0.28\webapps\AxisWebService\WEB-INF>java -Djava.ext.dirs=lib org.apache.axis.client.AdminClient -lhttp://localhost:8080/AxisWebService/services/AdminService deployUpload.wsdd
发布完成后，可以通过这个地址查看uploadFile这个service了
http://localhost:8080/AxisWebService/servlet/AxisServlet
4、 编写客户端代码
package com.hoo.client;
import java.rmi.RemoteException;
import javax.activation.DataHandler;
import javax.activation.FileDataSource;
import javax.xml.namespace.QName;
import javax.xml.rpc.ParameterMode;
import javax.xml.rpc.ServiceException;
import org.apache.axis.client.Call;
import org.apache.axis.client.Service;
import org.apache.axis.encoding.XMLType;
import org.apache.axis.encoding.ser.;
import org.apache.axis.encoding.ser.;
/**
* <b>function:</b>上传文件WebService客户端
*
* @author hoojo
* @createDate Dec 18, 2010 1:38:14 PM
* @file UploadFileClient.java
* @package com.hoo.client
* @project AxisWebService
* @blog http://blog.csdn.net/IBM_hoojo
* @email [email protected]
* @version 1.0
*/
public class UploadFileClient {
public static void main(String[] args) throws ServiceException, RemoteException {
String url = "http://localhost:8080/AxisWebService/services/UploadFile";
String fileName = "readMe.txt";
String path = System.getProperty("user.dir") + "\\WebRoot\\" + fileName;
System.out.println(path);
//这样就相当于构造了一个带文件路径的File了
DataHandler handler = new DataHandler(new FileDataSource(path));
Service service = new Service();
Call call = (Call) service.createCall();
call.setTargetEndpointAddress(url);
/**
* 注册异常类信息和序列化类 ns:FileUploadHandler 和 wsdd 配置文件中的typeMapping中的xmlns:hns="ns:FileUploadHandler" 的对应 DataHandler
* 和 wsdd 配置文件中的typeMapping中的qname="hns:DataHandler"的DataHandler对应
*/
QName qn = new QName("ns:FileUploadHandler", "DataHandler");
call.registerTypeMapping(DataHandler.class, qn,
.class,
.class);
call.setOperationName(new QName(url, "upload"));
//设置方法形参，注意的是参数1的type的DataHandler类型的，和上面的qn的类型是一样的
call.addParameter("handler", qn, ParameterMode.IN);
call.addParameter("fileName", XMLType.XSD_STRING, ParameterMode.IN);
//设置返回值类型，下面2种方法都可以
call.setReturnClass(String.class);
//call.setReturnType(XMLType.XSD_STRING);
String result = (String) call.invoke(new Object[] { handler, "remote_server_readMe.txt" });
System.out.println(result);
}
}
至此，文件传输就完成了。怎么样，还不错吧！
如果你用myEclipse进行开发的话，运行时可能会出现以下的错误:
Exception in thread "main" java.lang.NoClassDefFoundError: com/sun/mail/util/LineInputStream
原因是jar包版本不统一,解决方法如下:
删除Java EE 5 Libraries/javaee.jar/mail里的包有东西.
具体方法如下:
用rar打开X:/Program Files/MyEclipse 6.0/myeclipse/eclipse/plugins/com.genuitec.eclipse.j2eedt.core_6.0.1.zmyeclipse601200710/data/libraryset/EE_5/javaee.jar,然后删除mail,一切就ok了.
‘肆’ java web前端上传文件到后台常用的几种方式
1、使用form表单提交
但是这里要记得添加enctype属性，这个属性是指定form表单在向服务器提交之前，对表单数据如何进行编码。 文件域中的name="file"属性的值，需要和后台接收的对象名一致，不然接收不到。
2、使用ajax提交文件
使用ajax提交首先引入jquery-form.js文件才能实现，接着使用上面的html代码，加入以js则可以实现ajax提交文件。
3、使用FormData对象
4、后台接收文件，框架采用的Spring Boot 微服务框架，因为该框架搭建很方便所以采用这个框架写例子。
‘伍’ web前端param怎么上传文件
1 首先有一个正确的
2 其次input type需要为"file"
3 如果不需要设置文件类型和大小的话，跟传一组数据是一样的格式写接口代码就行
‘陆’ 前端怎么发送一个存储.xls文件的路径给后台
用AJAX发送
‘柒’ .NET 前端大文件上传如何实现
想要想上传大文件，必须在web.config文件中进行配置。
在<system.web>节点中添加如下代码即可：
<httpRuntime maxRequestLength="2097151"/>
这个代码就是表示设置最大请求值，上传文件也就相当于请求。maxRequestLength单位为KB，最大值为：2097151.如果不设置，默认为4096 KB (4 MB)。
也就是说上传的文件最大可以上传2G以内的文件。
一般没有配置的话，默认只能上传4M以内的文件。配置了的话就可以上传更大的文件。
‘捌’ nodejs（express）项目实现微信分享
暨官网实现后移动端需支持微信分享功能，且用nodejs实现后台接口
以前做过微信分享，但也仅限于前端，回忆起来当时没啥大坑，接口报错或者有啥问题基本当时都反馈给后台同学，最后都完美解决了。
而这次从微信公众号申请，公众号平台配置，node实现后台接口，前端实现分享功能一路开飞（抱个头想会儿）
起初觉得不难，很多人都已经做过了。node接口更好实现。而事实是猜对了结尾却猜错了开场。
好了，下来一步一步记录一下我遇到的各种坑罩绝，大部分坑都还是在微信公众平台的配置上。其实还是没有花时间仔细阅读开发者文档。建议要做的同学做之前还是好好研读一下开发物肆姿者文档。
在公众号平台-设置-公众号设置-功能设置，配置JS接口安全域名雹数
这样，txt文件就能访问到了。
平台-开发-基本配置-公众号开发信息-IP白名单里配置白名单
ip白名单配置的是你项目运行的服务器对应的外网地址，比如我做的时候问我们后台同事，他说网络里搜IP地址，出来的就是公司的外网地址，然后配上去后来接口调试根本就报无效ip地址嘛。后来找了运维要了xxx.cn对应的外网地址，接口调试才通过。
平台-开发-基本配置-服务器配置
服务器地址填的是你后台写的供微信服务器调用的接口，用来校验token
第二个字段token的配置，任意写的，但是必须保证跟你供微信调用的接口里写的token要一致。
供微信调用的接口：
其他字段配置没什么要特别说的了。
入口文件，index.js：
这个入口文件里面很多配置没用nuxt的用不到。
路由/router/weChart.js
/service/wxShare.js
api/getWx.js
vue组件页面引用
微信分享前后端实现基本就这样，自己配置过程中如有问题还得继续趟。
‘玖’ 前端文件上传多种方式
前端上传文件【包含图片、视频等资源文件】是相当常见的场景，作为一名前端开发人员你会遇到后端接收文件的多种方式，以及前端不同场景下的生成的不同文件上传格式。
1、表单上传方式【最场景、最简单的方式】
上面的是挺简单的，but 刷新了，这个体验大多数场景中让人接受不了，最简单的处理方式设置submit 返回 false;
2、表单升级版 【formData】
有些场景中我们不一样会使用form，或者说不想用，那么formData就是一个很好的选择了，首先刷新问题是肯定没有了，而且看上逼格更高。
3、formData 上传 blob 图片
4、formData 上传 base64 图片； // 一般是把base64转blob在上传
其他方式欢迎留言探讨， 上面大部分写法是直接用vue的方式，其实都差不多哈。
‘拾’ 详解前端文件上传
首先文件上传首先想到的发post，当然还有其他的上传协议，我们这里只介绍发post。
post支持四种content-type:
Content-Type 被指定为 application/x-www-form-urlencoded；其次，提交的数据按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码。
首先生成了一个 boundary 用于分割不同的字段，为了避免与正文内容重复，boundary 很长很复杂。然后 Content-Type 里指明了数据是以 mutipart/form-data 来编码，本次请求的 boundary 是什么内容。消息主体里按照字段个数又分为多个结构类似的部分，每部分都是以 --boundary 开始，紧接着内容描述信息，然后是回车，最后是字段具体内容（文本或二进制）。如果传输的是文件，还要包含文件名和文件类型信息。消息主体最后以 --boundary-- 标示结束。
RFC1867
application/json这个Content-Type都比较熟悉，当然也可以把json放到formData中；
RFC4657
参见RFC，也比较常见。
XML-RFC
在HTML中要有一个包含了文件输入框的form元素，表单里元素的name一定要写，最终形成formData时，是以name作为key值
如果直接在form里写action的话，会刷新表单，同步请求。所以用发送异步post请求方式。
你还可以不借助HTML表单,直接向FormData对象中添加一个File对象或者一个Blob对象:
你还可以使用jQuery来发送FormData,但必须要正确的设置相关选项:
MDN：使用FormData