zoukankan      html  css  js  c++  java
  • 上传文件 (图片),使用new FormData()

    这个方法只支持到IE10,IE10以下不支持new FormData();

    html:

    <input style=" 80%;" type ="text"  placeholder='选择医生照片路经 (可选)' disabled="disabled" id="choiceimages"/>
    <input class="js_upFile" style=" 20%;" type="file" name="cover" value="选择文件" id="btnimages"/>

    js:

    注:分页插件参考

    图片上传(jquery.uploadView.js)插件,图片调用接口ajax上传,获取图片名称

    //图片上传接口
    function addImages(){
        var docFile=document.getElementById("btnimages").files[0];//IE10以下不支持
        var doctorId=$("#usersnumber").val();
        var formData=new FormData();  
        formData.append("myFile",docFile); 
        formData.append("doctorId",doctorId);
        $.ajax({
            url:"http://localhost:8080/doctormanage/file/updoctorphoto.do",
            type:"post",
            data:formData,
            cache:false,
            processData:false,
            contentType:false,
            success:function(result){
                if(result.state==0){
                    alert("图片上传成功");
                }else{
                    alert("图片上传失败");
                }
            }
        });
    };
    //图片获取名
    function imgSear(){
        var str;
        $('#btnimages').change(function(){
            str=$(this).val();
            var arr=str.split('\');
            var my=arr[arr.length-1];
            $("#choiceimages").val(my);
        });
    }
    //分页
    function laodPage(pages){
        $('.M-box3').pagination({
            pageCount: pages,
            jump: true,
            coping: true,
            homePage: '首页',
            endPage: '末页',
            prevContent: '上页',
            nextContent: '下页',
            callback: function (api) {
                loadDcotorMaintin(api.getCurrent());
            }
        });
        
    }
  • 相关阅读:
    commons-dbutils实现增删改查(spring新注解)
    commons-dbutils实现增删改查
    配置扫描注解的包
    常用注解
    注入集合类型数据
    spring创建bean的三种方式
    switch
    jvm编译器的优化
    java9小工具jshell
    java三元运算符
  • 原文地址:https://www.cnblogs.com/fanting/p/9686048.html
Copyright © 2011-2022 走看看