单张图片上传表单提交

2024-08-29 04:48

本文主要是介绍单张图片上传表单提交,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

freemarker

<!DOCTYPE html>
<html lang="zh-cn" class="hb-loaded"><head><title>简洁大气快速登录注册模板</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/zepto.alert.js"></script>
<script type="text/javascript" src="js/jquery-1.9.0.min.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="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';  }  }  </script> <script >function tologin(){if($('#username').val()==''){$.dialog({content: '请输入用户名',time: 1500,});return;}if($('#pwd').val()==''){$.dialog({content: '请输入密码',time: 1500,});return;		}window.location.href = 'login.action?username='+$('#username').val()+'&pwd='+$('#pwd').val();}function regist(){if($('#reusername').val()==''){$.dialog({content: '请输入用户名',time: 1500,});return;}if($('#repwd').val()==''){$.dialog({content: '请输入密码',time: 1500,});return;		}if($('#reconpwd').val()==''){$.dialog({content: '请输入密码',time: 1500,});return;		}if($('#reconpwd').val()!=$('#repwd').val()){$.dialog({content: '两次密码不一致',time: 1500,});return;		}$.ajax({                                        url:"regist.action",dataType: "json",data: {"username":$('#reusername').val(),"pwd":$('#repwd').val(),"confirmPwd":$('#reconpwd').val()},type: 'post',                         cache: false,                         async: false,                         success: function(data){  if(data == '0')alert("注册成功!"); window.location.href="/admin/index.action";if(data == '1')alert("注册失败");},                                    error:function(data){     alert("注册失败err!");                                                   }                                     });}</script>
</head><body><h1>逸得科技后台帐户注册<sup>2016</sup></h1><form id="picForm" action="uploadPic.action" method="post" enctype="multipart/form-data" target="iframeInfo"><div id="preview"></div> <input type="file" name="file" id="file" οnchange="preview(this)"/><input type="submit" value="上传"/></form>
</body></html>

Controller


@RequestMapping(value="uploadPic",method = RequestMethod.POST)public String upload_yz(ModelMap map,@RequestParam("file") MultipartFile file, HttpServletRequest request) throws Exception {String uploadUrl = uploadService.uploadFile(file, request);try {}catch(Exception e){}return "";}

Service

/*** 上传文件* @param file	文件* @param folder	文件夹名称* @param request* @return* @throws IOException*/public String uploadFile(MultipartFile file, HttpServletRequest request) throws IOException {SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");String rootPath = request.getRealPath("/");String prefix = uploadUrlsConfigurer.getContextProperty(request);String datePath = format.format(new Date());String appPath = prefix+"/"+datePath;FileUtils.createFilePath(request.getRealPath("/"), appPath);String fileName = Identities.uuid2() + file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf("."));/** /upload/other/2015-04-15/cea78319e0ea4756b29de05b2cc431ab.pdf* */FileCopyUtils.copy(file.getBytes(), new File(request.getRealPath("/") + appPath+"/"+fileName));return "/" + appPath+"/"+fileName;}


这篇关于单张图片上传表单提交的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1116887

相关文章

作业提交过程之HDFSMapReduce

作业提交全过程详解 (1)作业提交 第1步:Client调用job.waitForCompletion方法,向整个集群提交MapReduce作业。 第2步:Client向RM申请一个作业id。 第3步:RM给Client返回该job资源的提交路径和作业id。 第4步:Client提交jar包、切片信息和配置文件到指定的资源提交路径。 第5步:Client提交完资源后,向RM申请运行MrAp

使用opencv优化图片(画面变清晰)

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化,使其看起来更清晰,同时保持尺寸不变,通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多,主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器:相机传

HTML提交表单给python

python 代码 from flask import Flask, request, render_template, redirect, url_forapp = Flask(__name__)@app.route('/')def form():# 渲染表单页面return render_template('./index.html')@app.route('/submit_form',

Python3 BeautifulSoup爬虫 POJ自动提交

POJ 提交代码采用Base64加密方式 import http.cookiejarimport loggingimport urllib.parseimport urllib.requestimport base64from bs4 import BeautifulSoupfrom submitcode import SubmitCodeclass SubmitPoj():de

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

Spring MVC 图片上传

引入需要的包 <dependency><groupId>commons-logging</groupId><artifactId>commons-logging</artifactId><version>1.1</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-

查看提交历史 —— Git 学习笔记 11

查看提交历史 查看提交历史 不带任何选项的git log-p选项--stat 选项--pretty=oneline选项--pretty=format选项git log常用选项列表参考资料 在提交了若干更新,又或者克隆了某个项目之后,你也许想回顾下提交历史。 完成这个任务最简单而又有效的 工具是 git log 命令。 接下来的例子会用一个用于演示的 simplegit

Prompt - 将图片的表格转换成Markdown

Prompt - 将图片的表格转换成Markdown 0. 引言1. 提示词2. 原始版本 0. 引言 最近尝试将图片中的表格转换成Markdown格式,需要不断条件和优化提示词。记录一下调整好的提示词,以后在继续优化迭代。 1. 提示词 英文版本: You are an AI assistant tasked with extracting the content of

form表单提交编码的问题

浏览器在form提交后,会生成一个HTTP的头部信息"content-type",标准规定其形式为Content-type: application/x-www-form-urlencoded; charset=UTF-8        那么我们如果需要修改编码,不使用默认的,那么可以如下这样操作修改编码,来满足需求: hmtl代码:   <meta http-equiv="Conte

js异步提交form表单的解决方案

1.定义异步提交表单的方法 (通用方法) /*** 异步提交form表单* @param options {form:form表单元素,success:执行成功后处理函数}* <span style="color:#ff0000;"><strong>@注意 后台接收参数要解码否则中文会导致乱码 如:URLDecoder.decode(param,"UTF-8")</strong></span>