所有回答(6)
前端往后端传的是那个框框相对这张图片的坐标，也就是说你只要传四个角的坐标，后台通过这四个坐标把图片裁剪出来。
所以google两下：1，如何js裁剪图片，2，如何用java裁剪图片。
这种效果到处都是，肯定已经有了成熟的解决方案。来这里问之前，还不如先google
园豆：1019
其实整个过程是这样的你先选择了一张图上传到了服务器，然后你在前端页面用鼠标拖出了一个矩形区域，js会获取你的矩形区域左上角在图上的坐标，并且能获得矩形区域的宽和高，把这三个数据用ajax发送到服务器，服务器接受到用一个处理图片的类来剪裁之前已经上传到服务器的图片，这样就剪裁完成了。我看到的剪裁图片的Flash居多，但是js也能实现，我使用过的插件是这个jcrop
网上有一些比较成熟的方案的，你百度搜索下&仿新浪微博上传头像组件&试试。
这个是flash的。点上传并选择大小后，flash会自动做处理，并把处理后的图片post到后台程序。后台对post过来的stream做处理就可以了。
首先你先找一下jquery的剪裁图片的插件，然后处理完成之后通过post后台通过文件流来读取文件，然后以二进制的方式存放到数据库中。读取的时候再取出来！
园豆：1508
你可以看看的个人中心设置里面的功能是否是你想要的，如果是，可以联系我~
我强烈建议&请别在服务器端裁剪。用flash做裁剪吧， 在客户端裁剪好后上传， java只要接收上传后的所在路径就行了。
用神马js、jquery插件， 兼容性不好。各大网站论坛上的头像裁剪都是flash的。 这年头谁的电脑上没有flash播放器啊。&
flash裁剪的示例， 你可以试试搜索avatar.swf 和@RandyTech提供的答案&仿新浪微博上传头像组件&。
园豆：3246
&&&您需要以后才能回答，未注册用户请先。项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)
作者：五木十架
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)的相关资料,需要的朋友可以参考下
第一个项目终于上线了，是一个叫亲青筹的公益众筹平台，微信端，电脑端还有后台界面大部分都是我完成的，几个月过来，感觉收获了很多，觉得要总结一下。
首先想到的是图片上传的问题。在通常表单数据都是ajax上传的情况下，为了上传图片而去使用form表单感觉很蠢。然后那时候也没有想到用jquery form插件。
后台的同事给的方案是用iframe里写一个form表单，然后上传图片之后自动提交表单，他将图片在服务器上的地址以跳转页url的一部分，我再来截取的方式。
方案一：iframe+form表单
&form action="/user/uploadIdCard.do" class="fileForm picUpload" enctype="multipart/form-data" method="post"&
&input type="file" id="uploadPic" name="file"&
&label for="uploadPic" id="fileBtn"&
&img src="" /&
&input type="text" name="turnUrl" class="turnUrl"&
$(".turnUrl").val(window.location.pathname);
$("#uploadPic").on('change', function(event) {
event.preventDefault();
$("form").submit();
在需要上传图片的界面引入iframe，在调用公用库里的iframe方法，获得图片的url并且把图片显示在iframe中
// 提取iframe里的路径
function iframe(el) {
var baseurl = "";
var code, fileP
var place = $(el)[0].contentWindow.location.
console.log(place);
if (place) {
code = place.match(/code=\d+/)[0].substr(5);
if (place.match(/filepath=\S+/)) {
filePath = place.match(/filepath=\S+/)[0].substr(9);
$(el).contents().find(".tip").css('color', '#d0021b');
console.log(filePath);
switch (code) {
case "200":
$(el).contents().find(".tip").text('上传成功');
$(el).contents().find(".tip").css('color', '#55a012');
$(el).contents().find("#fileBtn&img").show().attr("src", baseurl + "/" + filePath);
return "/" + fileP
case "206":
$(el).contents().find(".tip").text('文件过大');
case "207":
$(el).contents().find(".tip").text('文件类型错误');
case "208":
$(el).contents().find(".tip").text('系统错误');
方案二：后来发现这样的做法有两个问题，一个是用户发的图片太大，后台没有做压缩（后台的同事太忙了，为了迁就他们，就我们前端做压缩了）。
第二个是，上传图片成功之后，图片显示在iframe上，这样需要一定的反应时间，使用者有时候会反映图片传不上去，其实只是后台还没有返回……
于是决定用base64上传到后台的方式
&input type="file" id="uploadPic" name="file"&
&label for="uploadPic" id="fileBtn"&
&img class="showPic" src="" /&
&span class="tip"&请上传图片，大小在2M以内&br/&(图片类型可为jpg,jepg,png,gif,bmp)&br/&推荐图片比例为640*400&/span&
&input type="text" name="turnUrl" class="turnUrl"&
&canvas id="uploadImg" style="display:none"&&/canvas&
结构和原来差不多，只是多了一个canvas
$("#uploadPic").on('change', function(event) {
event.preventDefault();
console.log($(this)[0].files);
var file = $(this)[0].files[0];
if(file.size&2097152){
alert("上传图片请小于2M");
} if (!/image\/\w+/.test(file.type)) {
alert("文件必须为图片！");
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(e) {
createCanvas(this.result);
function createCanvas(src) {
var canvas = document.getElementById("uploadImg");
var cxt = canvas.getContext('2d');
canvas.width = 640;
canvas.height = 400;
var img = new Image();
img.onload = function() {
// var w=img.
// var h=img.
// canvas.width=
// canvas.height=h;
cxt.drawImage(img, 0, 0,640,400);
//cxt.drawImage(img, 0, 0);
$(".showPic").show().attr('src', canvas.toDataURL("image/jpeg", 0.9));
url: "/front/uploadByBase64.do",
type: "POST",
"imgStr": canvas.toDataURL("image/jpeg", 0.9).split(',')[1]
success: function(data) {
console.log(data);
$(".showPic").show().attr('data-url',"/"+ data.url);
1.首先是用的input的file文件的信息，判断文件大小file.size，以及文件是否为图片file.type
2.再通过html5的FileReader接口来获得这个图片的base64数据
3.将这个base64传入canvas中，作为一张图的src,这时候可以设置图片的分辨率大小，保证上传的图都是统一的分辨率。当然也可以按照图片原来的大小。
4.在ajax之前，把处理后的base64直接显示出来（这样用户就可以立刻看到自己上传的图片），再将 canvas.toDataURL("image/jpeg", 0.9).split(',')[1] （类型为image/jpeg，就可以用第二个参数来设置画质了）传到后台对应的接口
5.再将后台返回的url 绑在图片的data-url属性上，在ajax上交整个表单时获取这个data-url就好了，这样用户可以最快时间看到，而url其实还在ajax到后台的过程中
后记：这两个方案都有一个问题，会给后台上传很多冗余图片。不过后台的同事貌似没什么意见，囧。
实际效果是这样的
以上所述是小编给大家介绍的项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具java通过模拟post方式提交表单实现图片上传功能实例
作者：5iasp
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了java通过模拟post方式提交表单实现图片上传功能实例,涉及Java针对表单的提交操作响应及文件传输的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了java通过模拟post方式提交表单实现图片上传功能。分享给大家供大家参考，具体如下：
模拟表单html如下:
&form action="up_result.jsp" method="post" enctype="multipart/form-data" name="form1" id="form1"&
&input type="text" name="name" value="" /&
&input type="file" name="userfile" /&
&input type="submit" value="上传" /&
java代码如下:
package com.yanek.
import java.io.BufferedR
import java.io.DataInputS
import java.io.DataOutputS
import java.io.F
import java.io.FileInputS
import java.io.InputStreamR
import java.io.OutputS
import java.net.HttpURLC
import java.net.URL;
import java.util.HashM
import java.util.I
import java.util.M
import javax.activation.MimetypesFileTypeM
import net.sf.json.JSONA
import net.sf.json.JSONO
public class HttpPostUploadUtil {
* @param args
public static void main(String[] args) {
String filepath="E:\\ziliao\\0.jpg";
String urlStr = "http://127.0.0.1:8080/minicms/up/up_result.jsp";
Map&String, String& textMap = new HashMap&String, String&();
textMap.put("name", "testname");
Map&String, String& fileMap = new HashMap&String, String&();
fileMap.put("userfile", filepath);
String ret = formUpload(urlStr, textMap, fileMap);
System.out.println(ret);
* 上传图片
* @param urlStr
* @param textMap
* @param fileMap
public static String formUpload(String urlStr, Map&String, String& textMap,
Map&String, String& fileMap) {
String res = "";
HttpURLConnection conn =
String BOUNDARY = "---------------------------716"; //boundary就是request头和上传文件内容的分隔符
URL url = new URL(urlStr);
conn = (HttpURLConnection) url.openConnection();
conn.setConnectTimeout(5000);
conn.setReadTimeout(30000);
conn.setDoOutput(true);
conn.setDoInput(true);
conn.setUseCaches(false);
conn.setRequestMethod("POST");
conn.setRequestProperty("Connection", "Keep-Alive");
.setRequestProperty("User-Agent",
"Mozilla/5.0 (W U; Windows NT 6.1; zh-CN; rv:1.9.2.6)");
conn.setRequestProperty("Content-Type",
"multipart/form- boundary=" + BOUNDARY);
OutputStream out = new DataOutputStream(conn.getOutputStream());
if (textMap != null) {
StringBuffer strBuf = new StringBuffer();
Iterator iter = textMap.entrySet().iterator();
while (iter.hasNext()) {
Map.Entry entry = (Map.Entry) iter.next();
String inputName = (String) entry.getKey();
String inputValue = (String) entry.getValue();
if (inputValue == null) {
strBuf.append("\r\n").append("--").append(BOUNDARY).append(
strBuf.append("Content-Disposition: form- name=\""
+ inputName + "\"\r\n\r\n");
strBuf.append(inputValue);
out.write(strBuf.toString().getBytes());
if (fileMap != null) {
Iterator iter = fileMap.entrySet().iterator();
while (iter.hasNext()) {
Map.Entry entry = (Map.Entry) iter.next();
String inputName = (String) entry.getKey();
String inputValue = (String) entry.getValue();
if (inputValue == null) {
File file = new File(inputValue);
String filename = file.getName();
String contentType = new MimetypesFileTypeMap()
.getContentType(file);
if (filename.endsWith(".png")) {
contentType = "image/png";
if (contentType == null || contentType.equals("")) {
contentType = "application/octet-stream";
StringBuffer strBuf = new StringBuffer();
strBuf.append("\r\n").append("--").append(BOUNDARY).append(
strBuf.append("Content-Disposition: form- name=\""
+ inputName + "\"; filename=\"" + filename
+ "\"\r\n");
strBuf.append("Content-Type:" + contentType + "\r\n\r\n");
out.write(strBuf.toString().getBytes());
DataInputStream in = new DataInputStream(
new FileInputStream(file));
int bytes = 0;
byte[] bufferOut = new byte[1024];
while ((bytes = in.read(bufferOut)) != -1) {
out.write(bufferOut, 0, bytes);
in.close();
byte[] endData = ("\r\n--" + BOUNDARY + "--\r\n").getBytes();
out.write(endData);
out.flush();
out.close();
// 读取返回数据
StringBuffer strBuf = new StringBuffer();
BufferedReader reader = new BufferedReader(new InputStreamReader(
conn.getInputStream()));
String line =
while ((line = reader.readLine()) != null) {
strBuf.append(line).append("\n");
res = strBuf.toString();
reader.close();
} catch (Exception e) {
System.out.println("发送POST请求出错。" + urlStr);
e.printStackTrace();
} finally {
if (conn != null) {
conn.disconnect();
希望本文所述对大家Java程序设计有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具　&此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能，最近有了点空闲时间，所以就实践了一下。demo效果链接在文章底部贴出。
　　在做移动端图片上传的时候，用户传的都是手机本地图片，而本地图片一般都相对比较大，拿iphone6来说，平时拍很多图片都是一两M的，如果直接这样上传，那图片就太大了，如果用户用的是移动流量，完全把图片上传显然不是一个好办法。
　　目前来说，HTML5的各种新API都在移动端的webkit上得到了较好的 实现。根据查看caniuse，本demo里使用到的FileReader、Blob、Formdata对象均已在大部分移动设备浏览器中得到了实现 （safari6.0+、android 3.0+），所以直接在前端压缩图片，已经成了很多移动端图片上传的必备功能了。
　　在移动端压缩图片并且上传主要用到filereader、canvas 以及 formdata 这三个h5的api。逻辑并不难。整个过程就是：
　　（1）用户使用input file上传图片的时候，用filereader读取用户上传的图片数据（base64格式）
　　（2）把图片数据传入img对象，然后将img绘制到canvas上，再调用canvas.toDataURL对图片进行压缩
　　（3）获取到压缩后的base64格式图片数据，转成二进制塞入formdata，再通过XmlHttpRequest提交formdata。
　　如此三步，就完成了图片的压缩和上传。
　　说起来好像挺简单，其实还是有些坑的。接下来就直接用代码进行分析：
　　【一】获取图片数据
　　先是获取图片数据，也就是监听input file的change事件，然后获取到上传的文件对象files，将类数组的files转成数组，然后进行forEach遍历。
　　接着判断文件类型，如果不是图片则不作处理。如果是图片就实例化一个filereader，以base64格式读取上传的文件数据，判断数据长度，如果大于200KB的图片就调用compress方法进行压缩，否则调用upload方法进行上传。
filechooser.onchange = function () { &&&&&&& if (!this.files.length)
&&&&&&& var files = Array.prototype.slice.call(this.files);
&&&&&&& if (files.length & 9) { &&&&&&&&&&& alert("最多同时只可上传9张图片"); &&&&&&&&&&& &&&&&&& }
&&&&&&& files.forEach(function (file, i) { &&&&&&&&&&& if (!/\/(?:jpegpnggif)/i.test(file.type))
&&&&&&&&&&& var reader = new FileReader();
&&&&&&&&&&& var li = document.createElement("li"); &&&&&&&&&&& li.innerHTML = "&div class="progress"&&span&&/span&&/div&"; &&&&&&&&&&& $(".img-list").append($(li));
&&&&&&&&&&& reader.onload = function () { &&&&&&&&&&&&&&& var result = this. &&&&&&&&&&&&&&& var img = new Image(); &&&&&&&&&&&&&&& img.src =
&&&&&&&&&&&&&&& //如果图片大小小于200kb，则直接上传 &&&&&&&&&&&&&&& if (result.length &= maxsize) { &&&&&&&&&&&&&&&&&&& $(li).css("background-image", "url(" + result + ")"); &&&&&&&&&&&&&&&&&&& img = &&&&&&&&&&&&&&&&&&& upload(result, file.type, $(li));
&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&& }
//&&&&&&&&&&&&&&& 图片加载完毕之后进行压缩，然后上传 &&&&&&&&&&&&&&& if (plete) { &&&&&&&&&&&&&&&&&&& callback(); &&&&&&&&&&&&&&& } else { &&&&&&&&&&&&&&&&&&& img.onload = &&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& function callback() { &&&&&&&&&&&&&&&&&&& var data = compress(img);
&&&&&&&&&&&&&&&&&&& $(li).css("background-image", "url(" + data + ")");
&&&&&&&&&&&&&&&&&&& upload(data, file.type, $(li));
&&&&&&&&&&&&&&&&&&& img = &&&&&&&&&&&&&&& }
&&&&&&&&&&& };
&&&&&&&&&&& reader.readAsDataURL(file); &&&&&&& }) &&& };
　【2】压缩图片
　　上面做完图片数据的获取后，就可以做compress压缩图片的方法了。而压缩图片也并不是直接把图片绘制到canvas再调用一下toDataURL就行的。
　　在IOS中，canvas绘制图片是有两个限制的：
　　首先是图片的大小，如果图片的大小超过两百万像素，图片也是无法绘制到canvas上的，调用drawImage的时候不会报错，但是你用toDataURL获取图片数据的时候获取到的是空的图片数据。
　　再者就是canvas的大小有限制，如果canvas的大小大于大概五百万像素（即宽高乘积）的时候，不仅图片画不出来，其他什么东西也都是画不出来的。
　　应对第一种限制，处理办法就是瓦片绘制了。瓦片绘制，也就是将图片分割成多块绘制到canvas上，我代码里的做法是把图片分割成100万像素一块的大小，再绘制到canvas上。
　　而应对第二种限制，我的处理办法是对图片的宽高进行适当压缩，我代码里为了保险起见，设的上限是四百万像素，如果图片大于四百万像素就压缩到小于四百万像素。四百万像素的图片应该够了，算起来宽高都有了。
　　如此一来就解决了IOS上的两种限制了。
　　除了上面所述的限制，还有两个坑，一个就是canvas的toDataURL是只能压缩jpg的，当用户上传的图片是png的话，就需要转成 jpg，也就是统一用canvas.toDataURL("image/jpeg", 0.1) ，&类型统一设成jpeg，而压缩比就自己控制了。
　　另一个就是如果是png转jpg，绘制到canvas上的时候，canvas存在透明区域的话，当转成jpg的时候透明区域会变成黑色，因为 canvas的透明像素默认为rgba(0,0,0,0)，所以转成jpg就变成rgba(0,0,0,1)了，也就是透明背景会变成了黑色。解决办法就 是绘制之前在canvas上铺一层白色的底色。
function compress(img) {
&&&&&&& var initSize = img.src.
&&&&&&& var width = img.
&&&&&&& var height = img.
&&&&&&& //如果图片大于四百万像素，计算压缩比并将大小压至400万以下
&&&&&&& if ((ratio = width * height / ) {
&&&&&&&&&&& ratio = Math.sqrt(ratio);
&&&&&&&&&&& width /=
&&&&&&&&&&& height /=
&&&&&&& }else {
&&&&&&&&&&& ratio = 1;
&&&&&&& canvas.width =
&&&&&&& canvas.height =
//&&&&&&& 铺底色
&&&&&&& ctx.fillStyle = "#fff";
&&&&&&& ctx.fillRect(0, 0, canvas.width, canvas.height);
&&&&&&& //如果图片像素大于100万则使用瓦片绘制
&&&&&&& if ((count = width * height / 1000000) & 1) {
&&&&&&&&&&& count = ~~(Math.sqrt(count)+1); //计算要分成多少块瓦片
//&&&&&&&&&&& 计算每块瓦片的宽和高
&&&&&&&&&&& var nw = ~~(width / count);
&&&&&&&&&&& var nh = ~~(height / count);
&&&&&&&&&&& tCanvas.width =
&&&&&&&&&&& tCanvas.height =
&&&&&&&&&&& for (var i = 0; i & i++) {
&&&&&&&&&&&&&&& for (var j = 0; j & j++) {
&&&&&&&&&&&&&&&&&&& tctx.drawImage(img, i * nw * ratio, j * nh * ratio, nw * ratio, nh * ratio, 0, 0, nw, nh);
&&&&&&&&&&&&&&&&&&& ctx.drawImage(tCanvas, i * nw, j * nh, nw, nh);
&&&&&&&&&&&&&&& }
&&&&&&&&&&& }
&&&&&&& } else {
&&&&&&&&&&& ctx.drawImage(img, 0, 0, width, height);
&&&&&&& //进行最小压缩
&&&&&&& var ndata = canvas.toDataURL("image/jpeg", 0.1);
&&&&&&& console.log("压缩前：" + initSize);
&&&&&&& console.log("压缩后：" + ndata.length);
&&&&&&& console.log("压缩率：" + ~~(100 * (initSize - ndata.length) / initSize) + "%");
&&&&&&& tCanvas.width = tCanvas.height = canvas.width = canvas.height = 0;
　　【三】图片上传
　　完成图片压缩后，就可以塞进formdata里进行上传了，先将base64数据转成字符串，再实例化一个ArrayBuffer，然后将字符 串以8位整型的格式传入ArrayBuffer，再通过BlobBuilder或者Blob对象，将8位整型的ArrayBuffer转成二进制对象 blob，然后把blob对象append到formdata里，再通过ajax发送给后台即可。
　　XmlHttpRequest2中不仅可以发送大数据，还多出了比如获取发送进度的API，我代码里也进行了简单的实现。
//&&& 图片上传，将base64的图片转成二进制对象，塞进formdata上传
&&& function upload(basestr, type, $li) {
&&&&&&& var text = window.atob(basestr.split(",")[1]);
&&&&&&& var buffer = new ArrayBuffer(text.length);
&&&&&&& var ubuffer = new Uint8Array(buffer);
&&&&&&& var pecent = 0 , loop =
&&&&&&& for (var i = 0; i & text. i++) {
&&&&&&&&&&& ubuffer[i] = text.charCodeAt(i);
&&&&&&& var Builder = window.WebKitBlobBuilder
window.MozBlobB
&&&&&&& if (Builder) {
&&&&&&&&&&& var builder = new Builder();
&&&&&&&&&&& builder.append(buffer);
&&&&&&&&&&& blob = builder.getBlob(type);
&&&&&&& } else {
&&&&&&&&&&& blob = new window.Blob([buffer], {type: type});
&&&&&&& var xhr = new XMLHttpRequest();
&&&&&&& var formdata = new FormData();
&&&&&&& formdata.append("imagefile", blob);
&&&&&&& xhr.open("post", "/cupload");
&&&&&&& xhr.onreadystatechange = function () {
&&&&&&&&&&& if (xhr.readyState == 4 && xhr.status == 200) {
&&&&&&&&&&&&&&& console.log("上传成功：" + xhr.responseText);
&&&&&&&&&&&&&&& clearInterval(loop);
&&&&&&&&&&&&&&& //当收到该消息时上传完毕
&&&&&&&&&&&&&&& $li.find(".progress span").animate({"width": "100%"}, pecent & 95 ? 200 : 0, function () {
&&&&&&&&&&&&&&&&&&& $(this).html("上传成功");
&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&& $(".pic-list").append("&a href="" + xhr.responseText + ""&" + xhr.responseText + "&img src="" + xhr.responseText + "" /&&/a&")
&&&&&&&&&&& }
&&&&&&& };
&&&&&&& //数据发送进度，前50%展示该进度
&&&&&&& xhr.upload.addEventListener("progress", function (e) {
&&&&&&&&&&& if (loop)
&&&&&&&&&&& pecent = ~~(100 * e.loaded / e.total) / 2;
&&&&&&&&&&& $li.find(".progress span").css("width", pecent + "%");
&&&&&&&&&&& if (pecent == 50) {
&&&&&&&&&&&&&&& mockProgress();
&&&&&&&&&&& }
&&&&&&& }, false);
&&&&&&& //数据后50%用模拟进度
&&&&&&& function mockProgress() {
&&&&&&&&&&& if (loop)
&&&&&&&&&&& loop = setInterval(function () {
&&&&&&&&&&&&&&& pecent++;
&&&&&&&&&&&&&&& $li.find(".progress span").css("width", pecent + "%");
&&&&&&&&&&&&&&& if (pecent == 99) {
&&&&&&&&&&&&&&&&&&& clearInterval(loop);
&&&&&&&&&&&&&&& }
&&&&&&&&&&& }, 100)
&&&&&&& xhr.send(formdata);
　至此，整个上传的前端图片压缩就完成了，因为是用了formdata提交，所以后台接数据的时候就跟普通form表单提交数据一样处理即可。
　　如果对该demo有兴趣的可以看这个demo的github地址：
　　前端代码：　　
　　顺便也贴出后台的实现（nodejs）：& &
阅读(...) 评论()16:37 提问
Formdata图片传输，java后台解析问题
这是前端代码：
var formdata = new FormData();
formdata.append("files",files);
var json = {"files":files};
type: "post",
url: "http://localhost:8080/Ajax1/practise",
async: true,
data: "files="+formdata,
dataType: "text",
success: function(data) {
alert(data);
error: function() {
alert("登录出错");
java后台要什么解析，通过
String fi = request.getParameter("files");
输出是个对象
[object FormData]
要怎么解析formdata
按赞数排序
DiskFileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(factory);
List&FileItem& items = upload.parseRequest(request);
System.out.println("1:=========" + items.size());
Map param = new HashMap();
for (Object object : items) {
FileItem fileItem = (FileItem)
System.out.println("2:=========" + fileItem.toString());
System.out.println("3：fileItem.getFieldName():==" + fileItem.getFieldName());
if (fileItem.isFormField()) {
param.put(fileItem.getFieldName(),
fileItem.getString("utf-8"));// 如果你页面编码是utf-8的
System.out.println("4: param.get(fileItem.getFieldName())==="
+ param.get(fileItem.getFieldName()));
String picturename =fileItem.getName();
String path = "D:\\temp\\" +
System.out.println("======================="+path+"==========");
String path2 = "D:\\k\\java开发\\Hbuilder\\ajaxServlet1\\img\\"
+ fileItem.getName();
fileItem.write(new File(path));
慕课网有视频，你可以去看看
其他相关推荐}