简单的html图片上传工具

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图片上传预览</title>var iMaxFilesize = 2097152; //2M
<script type="text/javascript">function imgPreview(fileDom){//判断是否支持FileReaderif (window.FileReader) {var reader = new FileReader();} else {alert("您的设备不支持图片预览功能，如需该功能请升级您的设备！");}//获取文件var file = fileDom.files[0];var imageType = /^image\//;//是否是图片if (!imageType.test(file.type)) {alert("请选择图片！");return;}if (file .size > iMaxFilesize) {alert("图片大小不能超过2M");return;}//读取完成reader.onload = function(e) {//获取图片domvar img = document.getElementById("preview");//图片路径设置为读取的图片img.src = e.target.result;};reader.readAsDataURL(file);alert(document.getElementById("file"))}
</script>
</head>
<body><img id="preview" /><br /><input type="file" name="file" id="file" onchange="imgPreview(this)" />
</body>
</html>

简单的html图片上传工具相关推荐

vue点击图片后复制图片url_简单漂亮的（图床工具）开源图片上传工具——PicGo...
介绍 PicGo: 一个用于快速上传图片并获取图片URL链接的工具,由vue-cli-electron-builder构建的简单漂亮的图片上传工具!基于electron-vue开发,支持macOS,W ...
Mac应用推荐:iPic 图片上传工具
作为一名Mac用户,我们总是需要各种各样的软件来提高工作效率和生活质量.但是在众多的软件中,有些软件价格昂贵.功能复杂,而有些则是免费但功能不够完善.今天我要向大家推荐一款好用良心的Mac软件--iP ...
java 图片合成工具类_Java实现的图片上传工具类完整实例
本文实例讲述了Java实现的图片上传工具类.分享给大家供大家参考,具体如下: package com.gcloud.common; import javax.imageio.ImageIO; impo ...
AFNetworking网络请求与图片上传工具（POST）
AFNetworking网络请求与图片上传工具(POST) .h文件 #import <Foundation/Foundation.h>/** 成功Block */ typedef voi ...
php 上传文件工具类,PHP 图片上传工具类（支持多文件上传）
//ImageUploadTool.class.php class ImageUploadTool{ private $file; //文件信息 private $fileList; //文件列表 p ...
JAVA工具类(13)---图片上传工具类
package com.gcloud.common;import javax.imageio.ImageIO; import java.awt.image.BufferedImage; import ...
图片上传工具 java_图片上传工具类-fileUtil
图片上传的工具类:生成缩略图,文件流转换. 可与struts2集成使用 import java.awt.Color; import java.awt.Graphics2D; import java.a ...
Kindeditor的简单使用以及图片上传
详细的笔者也不是特别懂,但是基本的使用还是会的首先到官网下载相应的插件http://kindeditor.net/down.php,下载完的文件打开后是这样的,看着有点多但是我们只取出需要的,只有 ...
若依-vue图片上传本地改OSS前台以及后台-附带oss图片上传工具类
阿丹: 在二次开发若依的过程中发现若依的图片上传的默认的是在本地,在spring-vue版本中,如果要将平台上线那么就需要考虑这个问题,要使用fastdfs或者oss来完成代替本地的图片上传. 本篇文 ...

简单的html图片上传工具

简单的html图片上传工具相关推荐

最新文章

热门文章