参考资料:《菜鸟教程》

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Todo</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <!-- 在使用 Cordova/PhoneGap 创建的 APP 中包含的文件,由 Cordova/PhoneGap 提供,(开发过程中显示 404) -->
    <script src="js/app2.js"></script>
    <script src="cordova.js"></script>
</head>

<body>
    <!--列表分隔符-->
    <div class="list">
        <div class="item item-divider">Candy Bars</div>
        <a class="item" href="#">Butterfinger</a>
    </div>
    <!--带图标列表-->
    <div class="list">
        <a class="item item-icon-left" href="#">
            <i class="icon ion-email"></i> Checkmail
        </a>
        <a class="item item-icon-left item-icon-right" href="#">
            <i class="icon ion-chatbubble-working"></i> Call Ma
            <i class="icon ion-ios-telephone-outline"></i>
        </a>
        <a class="item item-icon-left" href="#">
            <i class="icon ion-mic-a"></i> Record album
            Grammy
        </a>
        <a class="item item-icon-left" href="#">
            <i class="icon ion-person-stalker"></i> Friends

        </a>
    </div>
    <!--按钮表表-->
    <div class="list">
        <div class="item item-button-right">
            call Ma
            <button class="button button-positive">
                <i class="icon ion-ios-telephone"></i>
            </button>
        </div>
    </div>
    <!--带头像列表-->
    <div class="list">
        <a class="item item-avatar" href="#">
            <img src="venkman.jpg"></img>
            <h2>Venkman</h2>
            <p>Back off,man.i'm a scientist.</p>
        </a>
    </div>
    <!---缩略图列表-->
    <div class="list">
        <a class="item item-thumbnail-left" href="#">
            <img src="cover.jpg">
            <h2>Pretty hate machine</h2>
            <p>Nine inch nails</p>
        </a>
     </div>

     <!--内嵌列表-->
     <div class="list list-inset">
        <div class="item">
            Raiders of the lost Ark
        </div>
     </div>
</body>

</html>

FileReader 
对象是一种异步文件读取机制,使用 File或
Blob对象指定要读取的文件或数据,结合input:file可以很方便的读取本地文件。

 

一,效果图。

(4)判断是否该数据:通过formData.has(key)来判断是否对应的key值

  澳门微尼斯人手机版 1

 

一、选择图片(input的file类型)

 

 

size:文件的字节大小;

二,上图显示了npm的版本号,即代表已经安装了npm.

澳门微尼斯人手机版 2

  1. formData操作

一,
一般最新版本的Node.js集悲剧了npm.在命令行下,输入命令: “npm-v”,可以测试npm是否安装.如下图所示:
 

二,index.html代码。

2.
input.files是一个数组,由传入的file对象组成。每个file对象包含以下属性:

 

澳门微尼斯人手机版 3

weblitRelativePath:此处为空;当在input上加上webkitdirectory属性时,用户可选择文件夹,此时weblitRelativePath表示文件夹中文件的相对路径。比如:

参考资料:《菜鸟教程》

三、上传图片   ( formData对象 )

澳门微尼斯人手机版 4

1.
input的file类型会渲染为一个按钮和一段文字。点击按钮可打开文件选择窗口;file类型的input会有files属性,保存着文件的相关信息。

 

澳门微尼斯人手机版,(5)删除数据:通过formData.delete(key),来删除数据

 

  1. 异步上传二进制文件。

发表评论

电子邮件地址不会被公开。 必填项已用*标注