点击上传按钮上传文件

HTML代码

 <button type="button" id="btn-expand"  class="btn btn-primary btn-sm" onclick="uploadghhsd()">上传</button>
<input type="file" id="file_ghhsz" style="display: none" onchange="saveghhsz()">

js代码

function uploadghhsd(){
        $("#file_ghhsz").click();
    }

//上传
    function saveghhsz(){
        var obj=document.getElementsByName('check');
        var buildformdatas = new FormData();
       var files = $("#file_ghhsz").get(0).files[0];
        if(files){
            if(files.size>10485760){
                sizeFlag=false;
                return false;
            }
        }
        var filename = files.name;
                    buildformdatas.append("files_"+obj[i].value,files);
                    buildformdatas.append("filename_"+obj[i].value,filename);
                
            $.ajax({
                type: "post",
                url: "",
                data: buildformdatas,
                dataType: 'json',
                cache: false,
                headers: {
                    Authorization: sessionStorage.getItem("token")
                },
                processData: false,
                contentType: false,
                success: function (data) {
                    if (data.retFlag == "T") {
                        top.layer.alert("上传成功！");
                    }else{
                        top.layer.alert(data.retMsg);
                    }
                },
                error: function (e) {
                    top.layer.close(indexly);
                    top.layer.alert("请求出错！");
                }
            });
    }

后端接收：

   @RequestMapping("test")
    @ResponseBody
    public String  saveghhsz(HttpServletRequest request)  throws Exception {
        List<Map<String,Object>> paramList  = new ArrayList<Map<String,Object>>();
        List<String> list = Arrays.asList(fbids);
        MultipartRequest multipartRequest = (MultipartRequest) request;
        MultipartFile file = multipartRequest.getFiles("files_"+list.get(0)).get(0);
        byte[] filebytes = file.getBytes();
        String[] suf = file.getOriginalFilename().split("\.");
        int suffixIndex = suf.length - 1;
        String url=imgUploadService.uploadWqTkFile(filebytes, suf[suffixIndex]);

}

最后

以上就是舒适路灯为你收集整理的点击上传按钮上传文件的全部内容，希望文章能够帮你解决点击上传按钮上传文件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。