zoukankan      html  css  js  c++  java
  • 上传图片

    <div class="col-md-4">
    <img id="imgBusy" src="images/icon_img.png" class="zf-pic"/>
    <input type="hidden"  id="inBusy"  value=""/>
    </div>
    <span class="addPic col-md-2">

    <input type="file" id="pic"  onchange="upload()"/>上传照片</span>

    //上传图片1
    function upload() {
                var formData = new FormData();
                var name = $("#pic").val();
                formData.append("myfiles",$("#pic")[0].files[0]);
                formData.append("name",name);
                $.ajax({
                    url : "/upload.json",
                    type : 'POST',
                    data : formData,
    // 告诉jQuery不要去处理发送的数据
                    processData : false,
    // 告诉jQuery不要去设置Content-Type请求头
                    contentType : false,
                    beforeSend:function(){
                        console.log("正在进行,请稍候");
                    },
                    success : function(data) {
                        console.log(data);
                        $("#imgBusy").attr("src",data.url);
                        $("#inBusy").val(data.url);
                        if(data.result==0){
                            console.log("成功"+data);
                        }else{
                            console.log("失败");
                        }
                    },
                    error : function(responseStr) {
                        console.log("error");
                    },
                });
            }

    //上传图片
    @RequestMapping(value = "/upload.json", method = RequestMethod.POST)
        
        public  @ResponseBody Map<String, Object> upload(@RequestParam MultipartFile myfiles,HttpServletRequest request) throws IOException {


    if(myfiles.isEmpty()){
    System.out.println("文件未上传");
    }
            System.out.println("文件长度: " + myfiles.getSize());
            System.out.println("文件类型: " + myfiles.getContentType());
            System.out.println("文件名称: " + myfiles.getName());
            System.out.println("文件原名: " + myfiles.getOriginalFilename());
            System.out.println("========================================");
            //如果用的是Tomcat服务器,则文件会上传到\%TOMCAT_HOME%\webapps\YourWebProject\WEB-INF\upload\文件夹中
            String realPath = request.getSession().getServletContext().getRealPath("/view/uploadfile");
            //这里不必处理IO流关闭的问题,因为FileUtils.copyInputStreamToFile()方法内部会自动把用到的IO流关掉,我是看它的源码才知道的
            String fileName = myfiles.getOriginalFilename();
            String newFileName = UUID.randomUUID().toString().replaceAll("-", "")+"."+FilenameUtils.getExtension(fileName);
            FileUtils.copyInputStreamToFile(myfiles.getInputStream(), new File(realPath,newFileName));


           // String host = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort();
            Map<String,Object> map = new HashMap();
            map.put("result",0);
            map.put("url", "/view/uploadfile/"+newFileName);
            return map;
        }

  • 相关阅读:
    easyui 获取分页栏中的行数(pageSize)和页码数(pageNumber)
    C# 跨盘符移动文件
    C# Json简单处理
    HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
    Jquery中的(function($){...})(jQuery)
    前端框架你究竟选什么
    Kindeditor使用心得
    jvm——内存模型
    jvm——NIO
    Java——静态类型 实际类型
  • 原文地址:https://www.cnblogs.com/hopeful8859-1/p/7080434.html
Copyright © 2011-2022 走看看