freemarker+springMVC+ajaxfileupload实现异步图片上传（单张）

最新推荐文章于 2024-05-26 16:46:30 发布

rosedoria0

最新推荐文章于 2024-05-26 16:46:30 发布

阅读量3.2k

点赞数

本文链接：https://blog.csdn.net/u013111003/article/details/52104124

版权

本文介绍了如何使用Freemarker、SpringMVC和AjaxFileupload.js实现异步单张图片上传的步骤，包括在Freemarker中引入AjaxFileupload.js、设置Freemarker页面的表单以及编写Controller进行处理。

摘要由CSDN通过智能技术生成

第一步：下载JQuery的JS文件ajaxfileupload.js 并引入到freemarker

第二步：freemarker页面

<span style="font-size:18px;"><!DOCTYPE html>
<html lang="zh-cn" class="hb-loaded">

    <head>  
    <meta http-equiv="pragma" content="no-cache">  
    <meta http-equiv="cache-control" content="no-cache">  
    <meta http-equiv="expires" content="0">      
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
    <meta http-equiv="description" content="This is my page">  
    <!-- 
    <link rel="stylesheet" type="text/css" href="styles.css"> 
    -->  
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script language="javascript" src="js/ajaxfileupload.js" > </script>   
    <script type="text/javascript">    
	 	function preview(file){  
	 		var prevDiv = document.getElementById('preview');  
	 		if (file.files && file.files[0]){  
	 			var reader = new FileReader();  
	 			reader.onload = function(evt){  
					prevDiv.innerHTML = '<img src="' + evt.target.result + '" />';  
				}    
				reader.readAsDataURL(file.files[0]);  
			}else{  
				prevDiv.innerHTML = '<div class="i

最低0.47元/天解锁文章

rosedoria0

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
freemarker+springMVC+ajaxfileupload实现异步图片上传（单张）

第一步：下载JQuery的JS文件ajaxfileupload.js 并引入到freemarker第二步：freemarker页面  function preview(file){
复制链接

扫一扫