• 上传图片


    一 页面结构

           <input type="file" name="image"  value=" "  accept="image/*"  multiple />

            name : 设置保存图片的属性名

            value : 保存的图片

            multiple: 设置这个属性可以选择多个图片

    二  js代码

            1  上传服务器代码        

            

             var formData = new FormData($('#sumbit-up')[0]);   //序列化表单
             //  var data =$('#sumbit-up').serialize();      //序列化数据,但不能序列化文件
             $.ajax({
                        type: 'post',
                        url: __domain__ + 'api/merge/singeapi/type/userComment', 
                        //    data:data,   
                        data: formData,
                        processData: false, 
                        contentType: false,
                        success: function(data) {
                                   alert(JSON.stringify(data));
                         },
                         error: function(XMLHttpRequest, textStatus, errorThrown) {
                                   alert("上传失败,请检查网络后重试");
                          }
                        });

             2 详细介绍

                     FormData和serialize   都是序列化表单,区别在与:后者只能序列化表单数据,比如select,比如文本框等input  select等的数据,

                     但是对于文件,比如文件上传,无法实现,那么这时候,FormData就上场了。

                     processData和contentType   缺少这二者的设置,将会出现  红色部分的错误提示,提交失败。

                 

             

  • 相关阅读:
    java 中类的加载顺序
    jdbc 连接数据库、批量操作、事务(oracle、mysql)
    一个空格引发的血案啊!
    Servlet 的生命周期与线程安全
    Java 方法的重写与重载
    java 序列化
    equals()与hashcode()的理解
    成功安装cadence SPB16.0
    stack implement C++
    windows 7 设置环境变量的方法
  • 原文地址:https://www.cnblogs.com/huancheng/p/7269110.html
Copyright © 2020-2023  润新知