本文主要是介绍freemarker+springMVC+ajaxfileupload实现异步图片上传(单张),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
第一步:下载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
这篇关于freemarker+springMVC+ajaxfileupload实现异步图片上传(单张)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!