[color=red][b]第一步 引入js包[/b][/color]
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
[color=red][b]第二步,写一个js方法[/b][/color]
<script type="text/javascript">
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#showImg').attr('src', e.target.result).width(150).height(200);
};
reader.readAsDataURL(input.files[0]);
}
}
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
[color=red][b]第二步,写一个js方法[/b][/color]
<script type="text/javascript">
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#showImg').attr('src', e.target.result).width(150).height(200);
};
reader.readAsDataURL(input.files[0]);
}
}
</script>
本文介绍了一种使用JavaScript实现图片上传预览的方法。通过简单的两步操作:首先引入jQuery库,然后定义一个名为readURL的函数来读取用户上传的文件并将其显示在一个指定的元素中。
489

被折叠的 条评论
为什么被折叠?



