fromData 上传, 及获取上传文件信息

只是作为笔记来做的,

function send() {
    // 获取from及节点
    var fm = document.getElementById('tfrom');
     // 创建新的FromData 对象
    var fromdate = new FormData(fm);
    
    
    var xml = new XML.HttpRequest();
     xml .open('POST', '1.php', true);

    xml.onreadystatechange = function () {
        if (this.readyState === 4) {
              document.getElementById('debug').innerHTML = this.responseText;
        }
    }
    //把FromData发送过去
    xml.send(fromdate) 

}


<from id="tfrom">
      <input type="text" name="userName">
      <input type="text" name="passWord">
      <input type="text" name="email">
      <input type="text" name="age">
      <input type="button" value="提交" onclick="send()">
</from>
<div id="debug"></div>

php

<?php>
print_r($_POST)

获取文件信息

//获取选中的文件的信息
// h5中 获取文件 files属性, 可多选
function sendfile() {
  var file = document.getElementById('input1').files[0];
  console.log(file) // FileList{...., name: xx, size: xx, type: image/jpg}

  var debug = document.getElementById('debug');
  debug.innerHTML = '文件名称' + file.name + '<br/>'+
                                  '文件大小' + file.size + '<br/>';
}

<input  type="file" id="input1" name="pic" onchange="sendfile()" />
<div id="debug">
</div>

jqAjax跨域

          var url = 'https://api.douban.com/v2/book/1220562';
          $.ajax(url, {
            data: null,
            dataType: 'jsonp',
            crossDomain: true,
            success: function(data) {
                console.log(data);
            }
          })

文件切割

打印的 file 文件中的继承的父级 Blob 中有一个 slice方法