图片上传直接显示
来源:互联网 发布:最好的我们网络剧网盘 编辑:程序博客网 时间:2024/06/05 08:25
<!DOCTYPE html><html><head><title>HTML5上传图片预览</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script src="http://www.codefans.net/ajaxjs/jquery-1.6.2.min.js"></script></head><body><h3>请选择图片文件:JPG/GIF</h3><form name="form0" id="form0" ><input type="file" name="file0" id="file0" multiple="multiple" /><br><img src="" id="img0" ></form><script> $("#file0").change(function(){ var objUrl = getObjectURL(this.files[0]) ; console.log("objUrl = "+objUrl) ; if (objUrl) { $("#img0").attr("src", objUrl) ; }}) ;//建立一個可存取到該file的urlfunction getObjectURL(file) { var url = null ; if (window.createObjectURL!=undefined) { // basic url = window.createObjectURL(file) ; } else if (window.URL!=undefined) { // mozilla(firefox) url = window.URL.createObjectURL(file) ; } else if (window.webkitURL!=undefined) { // webkit or chrome url = window.webkitURL.createObjectURL(file) ; } return url ;}</script></body></html>
0 0
- 图片上传直接显示
- 上传控件图片直接在页面显示
- 网页图片直接显示与上传
- Struts1.3中图片上传后直接显示
- JavaScript 图片上传后base64转码直接显示
- 面上直接显示图片
- 【File Field控件】上传图片的同时直接显示图片的属性设置方法
- jsp图片上传到数据库里面之后,不能直接在页面上显示,而是提示下载
- 显示上传图片
- 图片上传 显示缩略图
- asp上传图片显示
- 图片上传和显示
- 上传图片即时显示
- 上传图片即时显示
- nodejs图片上传显示
- 上传图片立即显示
- 图片上传及显示
- 图片上传并显示
- 常用 ajax js 表单
- 立FLAG
- js 常用插件
- 8大排序算法动态图文讲解
- 上传图片
- 图片上传直接显示
- 最全的常用正则表达式
- 2套 三级联动
- 下拉加载 只能搜索
- Spring boot 中使用swagger-ui实现 restful-api
- 将博客搬至CSDN
- java定时器详解
- Java变量、数据类型
- docker入门操作