java图片预览上传_Java实现图片上传预览 (使用ajax提交)
html:
图片上传:
js:
function changepic(){
var reads = new FileReader();
f = document.getElementById('file').files[0];
reads.readAsDataURL(f);
reads.onload = function(e) {
document.getElementById('img').src = this.result;
$("#img").css("display", "block");
$("#dialogBg").show();
$(".loading").show();
var form = new FormData(); // 可以增加表单数据
// 存入文件对象
form.append("file",f);
$.ajax({
//几个参数需要注意一下
type: "POST",//方法类型
dataType: "json",//预期服务器返回的数据类型
url: "action/servlet" ,//url
enctype: "multipart/form-data",
data: form,
processData: false,
contentType : false,
success: function (result) {
...
},
error : function() {
alert("异常!");
}
});
};
}
servlet:
String filePath = getServletContext().getRealPath("/") + "upload";
HttpSession session = request.getSession();
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
if (ServletFileUpload.isMultipartContent(request)) {
try {
DiskFileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload sfu = new ServletFileUpload(factory);
sfu.setSizeMax(10 * 1024 * 1024);
sfu.setHeaderEncoding("utf-8");
@SuppressWarnings("unchecked")
ListfileItemList = sfu.parseRequest(request);
IteratorfileItems = fileItemList.iterator();
while (fileItems.hasNext()) {
FileItem fileItem = fileItems.next();
if (!fileItem.isFormField()) {
String fileName = fileItem.getName();
String suffix = fileName.substring(fileName.lastIndexOf('.'));
File file = new File(filePath);
if(!file.exists() && !file.isDirectory()){
file.mkdir();
}
File targetFile = new File(file, "check" + suffix);
fileItem.write(targetFile);
fileItem.delete();
}
}
} catch (FileUploadException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}
}
java图片预览上传_Java实现图片上传预览 (使用ajax提交)相关推荐
- java 调用 swf 文件上传_java SpringMvc 实现文件在线预览(openoffice+swftools+flexpaper)
项目需求:服务器接受的文件当下只能下载之后才能浏览内容,现需要后台能在线浏览到文件内容,避免繁琐无用文件下载操作. 通过几天网上资料搜索,目前免费的在线预览开发技术使用最多还是(openoffice+ ...
- java 图片上传_java web图片上传和文件上传实例
本篇文章主要介绍了java web图片上传和文件上传实例,具有一定的参考价值,有需要的可以了解一下. 图片上传和文件上传本质上是一样的,图片本身也是文件.文件上传就是将图片上传到服务器,方式虽然有很多 ...
- java 图片上写字_java 在图片上写字,两个图片合并的实现方法
实例如下: package writeimg; import javax.imageio.ImageIO; import java.awt.Color; import java.awt.Font; i ...
- java 分块上传_Java 文件分块上传客户端和服务器端源代码
本博客介绍如何进行文件的分块上传.本文侧重介绍客户端,服务器端请参考博客<Java 文件分块上传服务器端源代码>.建议读者朋友在阅读本文代码前先了解一下 MIME 协议. 所谓分块上传并非 ...
- PHP上传excel,处理表格数据,并利用ajax提交保存数据
用到的技术:Layui框架.TP5.Ajax 注意:该方法,需要composer安装拓展包,当然思路最重要 前端样式 前端关键代码 <input type="hidden" ...
- java图片预览上传_java实现文件上传、下载、图片预览
这篇文章主要介绍了java实现文件上传.下载.图片预览,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 多文件保存到本地: @ResponseBody ...
- java 跨域上传_java后台图片跨域上传图片 文件
发送方 @ResponseBody @RequestMapping(value="/imgUpLoadNewOneKuaYu")public String imgUpLoadNew ...
- java 图片分段上传_java文件分片上传,断点续传
文件夹数据库处理逻辑 publicclassDbFolder { JSONObject root; publicDbFolder() { this.root =newJSONObject(); thi ...
- html5 java 图片上传_java实现图片上传至服务器并显示,如何做?希望要具体的代码实现...
展开全部 有两种方法一是用上传的组建jspSmartUpload的Request, 还有一种不用组建,但在e69da5e6ba9062616964757a686964616f3133323865323 ...
最新文章
- rails小重构:将图片加入产品Model
- 路由跟踪工具0trace
- SnapGene mac 5.3.1 中文分子生物学可视化工具及教程
- 2019\National _C_C++_C\试题 C: 平方拆分
- 完全复制 mysql,MySQL完全复制表结构
- python时间time模块介绍
- c语言三个杠的等号是什么,数学3个横杠的等号表示什么意思?比如这个定 – 手机爱问...
- C++安全方向(三):3.2 单项散列函数的应用场景
- ConcurrentLinkedQueue源码
- 《设计模式详解》行为型模式 - 命令模式
- ip纯真数据库查询国家省市名称
- 【清华大学陈渝】第一章 操作系统概述
- 基于MATLAB的计算机视觉和图像处理代码
- Oracle中space什么意思,Oracle中shrink space命令详解
- 计算机应用对交通,计算机应用基础 交通学习文学.pdf
- UVA11021 Tribles 概率
- 扫地机器人水箱背景_一种扫地机器人的水箱结构的制作方法
- uni-app 微信小程序端-AirKiss一键配网
- 淘宝一键下架在售商品步骤
- SMTP-关于邮件编码的格式