<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>uploadPreview演示</title>
<script src="uploadPreview.js" type="text/javascript"></script>
<script>
window.onload = function () {
new uploadPreview({ UpBtn: "up_img", DivShow: "imgdiv", ImgShow: "imgShow" });
}
</script>
</head>
<body>
<div id="imgdiv"><img id="imgShow" width="100" height="100" /></div>
<input type="file" id="up_img" />
</body>
</html>
相关文章
- input上传图片预览
- JavaScript实现多张图片上传功能
- php实现头像预览上传功能
- Asp.Net Core中配置使用Kindeditor富文本编辑器实现图片上传和截图上传及文件管理和上传(开源代码.net core3.0)
- 改造百度UMeditor(UEditor-min)富文本编辑器的图片上传功能
- UEditor富文本编辑器的图片上传 http://fex.baidu.com/ueditor/#server-deploy
- wysiwyg 富文本编辑器(附带图片上传功能)
- 富文本vue-quill-editor修改图片上传方法
- 在Asp.Net Core中配置使用MarkDown富文本编辑器实现图片上传和截图上传(开源代码.net core3.0)
- HTML5+Java(Spring下) 拍照上传图片