首页 > 其他分享 >上传图片 即时显示

上传图片 即时显示

时间:2023-02-19 11:07:11浏览次数:53  
标签:1.4 uploadPreview imgDiv 即时 80 上传 图片


jsp页面中:

上传预览图片:<br>
<input type="file"/>
<br />
<div style="overflow: hidden;">
<div id="imgDiv">
</div>
</div>
<input type="submit">





$(document).ready(function() {
//建议在#imgDiv的父元素上加个overflow:hidden;的css样式
$("input").uploadPreview({ width: 80, height: 80, imgDiv: "#imgDiv", imgType: ["bmp", "gif", "png", "jpg"] });
});




导入一个uploadPreview.js


标签:1.4,uploadPreview,imgDiv,即时,80,上传,图片
From: https://blog.51cto.com/u_21817/6066603

相关文章

  • js下载远程图片
    a标签的download属性无法下载远程图片可以将图片转换成blob然后下载如<ahref="https://xxxx.xxx/xxxx.png"download="xxx.png">下载</a>转换blob下载/***blob......
  • 在 Node.js 里使用 multiparty 上传文件
    需求将上传的文件直接保存到GoogleCloudStorage中。解决方法:我们需要使用partstream订阅标准流事件,例如data和end以接收文件数据。示例代码如下:part.on("da......
  • github action 编译上传docker hub
    简介:以前介绍过dockerhub直接连接github编译docker镜像,但是已经停止服务了,不知道企业会员还有没有。那么以后我们就自己编译docker镜像了么?至少现在github被微软收购以......
  • pypi上传包
    1账号注册https://test.pypi.org/#测试环境https://pypi.org/正式环境可以先在测试环境测试上传再上传到正式环境2固定的目录结构上穿到pypi的包的目录结构是固......
  • css3实现一个div设置多张背景图片及background-image属性
    引子以前做网页布局的时候,一个div只能设置一张背景图片,设置多个背景的话,要用多个div嵌套才能实现,这样兼容性比较好。若您的网站要求兼容浏览器低版本,建议用这种方法。css3的......
  • Javascript与HTML5的canvas实现图片旋转效果
    ​​查看演示​​我们在微博上可以对图片进行向左转向右转等旋转操作,让用户可以从不同的视角欣赏图片效果。本文将结合实例为您讲解如何使用Javascript结合相关技......
  • 获取图片颜色方法或者图片区域像素点颜色 初稿
             ......
  • layui多图片上传
    <div> <buttontype="button"class="layui-btn"id="mulUpload">图片上传</button> <blockquoteclass="layui-elem-quotelayui-quote-nm"style="margin-top:10px;">......
  • 五、文件上传系列-秒传文件
    我们在使用云盘上传文件时会发现秒传文件,速度极快,这是怎么回事呢?秒传文件其实是因为我们要上传的文件前,服务端已经查询到该文件已经存在,没必须再传一份一模一样的文件,直接告......
  • Portswigger 靶场之“文件上传”
    FileuploadvulnerabilitiesAlllabs|WebSecurityAcademy(portswigger.net)1.Remotecodeexecutionviawebshellupload通过Webshell上传远程执行代码......