Home > Article > Web Front-end > html上传图片之前在网页预览实现_html/css_WEB-ITnose
html上传图片之前在网页预览实现_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 08:54:19979browse
```<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><title>preview image</title></head><body><form> <input type="file"></form><script src="/static/js/jquery.min.js"></script><script> $('input[type="file"]').change(function(e){ reader = new FileReader(); reader.readAsDataURL(e.target.files[0]); reader.onload = function(){ $('body').append($('<img / alt="html上传图片之前在网页预览实现_html/css_WEB-ITnose" >', {src: reader.result})); }; });</script></body></html>```
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：实用的 CSSNext article：使用纯css制作简易步骤流程_html/css_WEB-ITnose