javascript拒绝在头/外部文件中工作
javascript拒绝在头/外部文件中工作
提问于 2016-12-22 13:47:56
在上传之前，我使用下面的代码进行图片预览。代码正在运行，但我希望将脚本存储在外部文件中，或者至少存储在html-head中。我不知道该怎么做。我想我的问题是这个部分，但我一点也不确定：
reader.onload = (function(theFile) {...如能提供帮助，将不胜感激:)
下面是html：
<!doctype html>
<html>
<head>
<style>
.thumb {
height: 75px;
border: 1px solid #000;
margin: 10px 5px 0 0;
}
</style>
</head>
<body>
<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>
<script>
function handleFileSelect(evt) {
var files = evt.target.files;
for (var i = 0, f; f = files[i]; i++) {
if (!f.type.match('image.*')) {
continue;
}
var reader = new FileReader();
document.getElementById('list').innerHTML = "";
//the problem might be caused by this ".onload" ?
reader.onload = (function(theFile) {
return function(e) {
var span = document.createElement('span');
span.innerHTML = ['<img class="thumb" src="', e.target.result,
'" title="', escape(theFile.name), '"/><input type="text" name="', escape(theFile.name), '-title" placeholder="title" /><input type="text" name="', escape(theFile.name), '-description" placeholder="description" />'].join('');
document.getElementById('list').insertBefore(span, null);
};
})(f);
reader.readAsDataURL(f);
}
}
document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2016-12-22 14:07:53
步骤1:
您只需要创建一个新文件，例如"extJsFile.js“。
步骤2:
将内容放在问题代码的标记之间(为了简单起见，我不会重复相同的代码)，然后在html文件的标记之间写一行。(假设-您将js和html放在项目的同一个目录中)
PS:你至少应该在问问题之前用谷歌搜索，无论如何，继续你的代码.
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41284666
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号