zoukankan      html  css  js  c++  java
  • 【2】通过Ajax方式上传文件(图片),使用FormData进行Ajax请求

    • HTML:  

    <form id= "uploadForm">  

        <>指定文件名: <input type="text" name="filename" value= ""/></>  

        <>上传文件: <input type="file" name="file"/></ p>  

        <input type="button" value="上传" onclick="doUpload()" />  

    </form>  

    • JS:

    function doUpload() {  

    var formData = new FormData($( "#uploadForm" )[0]);  

         $.ajax({  

              url: 'xxx' ,                  --------------这里是请求的接口

              type: 'POST',              

              data: formData,  

              async: false,  

              cache: false,  

              contentType: false,  

              processData: false,  

              success: function (returndata) {  

                  alert(returndata);  

              },  

              error: function (returndata) {  

                  alert(returndata);  

              }  

         });  

  • 相关阅读:
    angularJS(5)
    angularJS(4)
    angularJS(3)
    AngularJS(1)
    angularJS(2)
    关于响应式布局
    PHP+JQUEY+AJAX实现分页【转】
    bootscript/javascript组件
    你必须收藏的Github技巧
    关于php的一些小知识!
  • 原文地址:https://www.cnblogs.com/tangiguo/p/6898445.html
Copyright © 2011-2022 走看看