js 如何给控件files添加单个文件

JavaScript012

js 如何给控件files添加单个文件,第1张

创建文件 一共有3种方法可用于创建一个空文本文件，这种文件有时候也叫做文本流（text stream）。 第一种是使用CreateTextFile方法。代码如下： var fso, f1fso = new ActiveXObject("Scripting.FileSystemObject")f1 = fso.CreateTextFile("c://testfile.txt", true)第二种是使用OpenTextFile方法，并添加上ForWriting属性，ForWriting的值为2。代码如下： var fso, tsvar ForWriting= 2fso = new ActiveXObject("Scripting.FileSystemObject")ts = fso.OpenTextFile("c://test.txt", ForWriting, true)第三种是使用OpenAsTextStream方法，同样要设置好ForWriting属性。代码如下： var fso, f1, tsvar ForWriting = 2fso = new ActiveXObject("Scripting.FileSystemObject")fso.CreateTextFile ("c://test1.txt")f1 = fso.GetFile("c://test1.txt")ts = f1.OpenAsTextStream(ForWriting, true)（二）添加数据到文件 当文件被创建后，一般要按照“打开文件－>填写数据－>关闭文件”的步骤实现添加数据到文件的目的。 打开文件可使用FileSystemObject对象的OpenTextFile方法，或者使用File对象的OpenAsTextStream方法。 填写数据要使用到TextStream对象的Write、WriteLine或者WriteBlankLines方法。在同是实现写入数据的功能下，这3者的区别在于：Write方法不在写入数据末尾添加新换行符，WriteLine方法要在最后添加一个新换行符，而WriteBlankLines则增加一个或者多个空行。 关闭文件可使用TextStream对象的Close方法。

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

<title>Droid</title>

<style type="text/css">

ul li {

float: left

list-style: none

padding-right: 10px

}

</style>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

$ (function ()

    {

    var oUll = $ ("#ul"), FR, source = $ (':file')

    if (!!(FR = $ (window).prop ('FileReader')))

    {

    var fr = new FR ()

    $ ("#btn").click (function ()

    {

     var file = source.prop ('files')[0]

    if (!file)

    {

    return false

    }

    var aLi = $ ("<li></li>")

    var aImg = $ ("<img />")

    oUll.append (aLi)

    aLi.append (aImg)

    var imgs = $ ("img")

    fr.onloadend = function (e)

    {

    imgs.eq (imgs.length - 1).attr ('src', e.target.result)

    source.val ('')

    }

    fr.readAsDataURL (file)

    })

    }

    })

</script>

</head>

<body>

<input type="file" name="file" />

<input id="btn" type="button" value="添加" />

<ul id="ul"></ul>

</body>

</html>

这个简单代码：

var read = new FileReader()

read.readAsDataURL(files)

read.onload = function (e) {

var src = e.target.result

$("#img")..attr("src", src)

}