您的位置：首页 > Web前端 > AngularJS

图片上传（angular）

2015-10-19 15:30 513 查看

<!DOCTYPE html>

<html>

<head lang="en">

<meta charset="UTF-8">

<title></title>

<script type="text/javascript" src="js/angular.min.js"></script>

<script>

window.URL = window.URL || window.webkitURL;

// function onchange1 () {

var _num = 0 , lvYouSrcList = [];

var onchange1 = function(obj){

var files = obj.files;//获得文件流

var oFile;

var reader = new FileReader();

for (var i = 0; i<files.length;i++){

oFile = files[i];

_num = _num + 1;

if(_num>5){

alert("最多上传6张照片");

return

}

reader.readAsDataURL(oFile);

}

var _img = "<img style='width:60px;height:60px' src="+ URL.createObjectURL(oFile)+"> ";

lvYouSrcList.push(URL.createObjectURL(oFile));

// reader.readAsDataURL(oFile);

console.log( document.getElementById("fileList"));

var appDoc = angular.element(document.getElementById("fileList"));

appDoc.append(_img);

reader.onload = function(e){

stringToHex(this.result)

};

};

var stringToHex = function(str){

var val="";

for(var i = 0; i < str.length; i++){

if(val == "")

val = str.charCodeAt(i).toString(16);

else

val += "," + str.charCodeAt(i).toString(16);

}

return val;

}

</script>

</head>

<body>

<input type="file" id="fileElem" multiple accept="image/*" onchange="onchange1(this)">

<div id="fileList">

</div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航