解决方案 »
- extjs 4 form加载和提交问题
- javascript中弹出文件保存对话框的问题,急!
- 真是见鬼了 帮忙啊
- chrome 上奇怪的问题
- 做了一个loading效果,但有时页面加载得挺快,loading一出来,马上就进入页面了,我的loading代码如下(很简单的),怎么做可以让loading固定显
- 谁有encode的反加密程序,高分相送
- 在netscape中,如何取得event.ScreenX等的值?
- 用正则表达式怎样匹配正反斜杠??
- 有关IFrame切换的问题
- 百度地图V2.0,手动拖拽驾车路线后怎么获得拖拽后路线的坐标???
- [每天更新]收集html,js,canvas示例1000个,欢迎投稿,欢迎补充
- div内滑动,就像是ios中scrollview page那样的效果
<html>
<head>
<script type="text/javascript">
var files = null;
function fileSelected() {
document.getElementById('preview').innerHTML="";
files = document.getElementById('fileToUpload').files;
if (files) {
for(var i = 0,f;f=files[i];i++){
var reader = new FileReader(), htmlImage;
reader.onload = (function(file){
return function(e) {
htmlImage = '<div><img src="'+ e.target.result +'" /><a href="javascript:;" f="' + file.name + '" onclick="deleteFile(this)">删除</a></div>';
document.getElementById('preview').innerHTML += htmlImage;
}
})(f);
reader.readAsDataURL(f);
}
}
}
var deletedFile = [];
function deleteFile(obj){
obj.parentNode.parentNode.removeChild(obj.parentNode);
deletedFile.push(obj.getAttribute("f"))
}
function uploadFile(){
alert("上传的时候请删除这些文件:" + deletedFile);
}
</script>
</head>
<body>
<form id="form1" enctype="multipart/form-data" method="post" action="upload.do">
<div class="row">
<label for="fileToUpload">选择文件:</label>
<input type="file" name="fileToUpload" id="fileToUpload" onchange="fileSelected();" multiple="multiple"/>
</div>
<input type="button" onclick="uploadFile()" value="Upload" />
<div id="preview"></div>
</form>
</body>
</html>
恩,做到这步,删不掉var files=fileToUpload.files;
for(var i in files){
for(var j in deletedFile){
if(files[i].name==deletedFile[i]){
delete files[i];
}
}
console.log(files[i].name);
}
console.log(files.length);