zoukankan      html  css  js  c++  java
  • 上传操作

    jsp 页面代码

    <div class="form-line">
    <input type="button" value="图片上传" onclick="$('#image').click()" class="btn btn-defult">
    <input name="url" id="image1" type="hidden">
    <input id="image" style="display: none;"
    accept="image/png, image/jpeg" type="file" onchange="uploadPic(this.files,this.id)"/>
    </div>

    jsp 页面的js请求提交代码

    //上传图片
    function uploadPic(files,id){
    uploadListPics(files, '<%=path%>/banner/uploadPicList.do', function(data) {
    var flelist=data.flelist;
    var dataId = data.id;
    if(flelist.length>0){
    var src = flelist[0];
    var realSrc = '<%=path%>'+src;
    $('#'+id+"2").attr('src',realSrc);//图片显示
    $('#'+id+"2").show();
    $('#'+id+"1").val(src);//表单赋值
    }
    });
    }

    controller 代码

    /**
    * 上传图片列表
    */
    @SuppressWarnings({ "deprecation", "unchecked" })
    @RequestMapping(value = "uploadPicList")
    public void uploadPicList(HttpServletRequest request,
    HttpServletResponse response) {

    String realPath = request.getRealPath("");

    List list = saveFile.multiFileList(request, realPath, null);
    String id = "";
    String result = "";
    if(list.size()>0){
    id = (String)list.get(0);
    list.remove(0); //移除id
    }
    if (list.size() == 0) {
    result = "{"ok":"false","id":""+id+"","flelist":"
    + jsonFormat.jFormatString(list) + "}";
    } else {
    result = "{"ok":"true","id":""+id+"","flelist":"
    + jsonFormat.jFormatString(list) + "}";
    }
    out.out(response, result);
    }

    upload.js------------------依靠这个js文件

  • 相关阅读:
    Java链栈
    Java链栈
    java实现顺序栈
    java实现顺序栈
    求两个数的最大公约数
    求两个数的最大公约数
    一张图瞬间让你明白原型链结构
    前端面试题
    javascript学习中自己对作用域和作用域链理解
    关于javascript中静态成员和实例成员的详细解释
  • 原文地址:https://www.cnblogs.com/zhuyuewei/p/6796505.html
Copyright © 2011-2022 走看看