JSP/HTML 上传图片后立即在页面显现该图片

uploadPreview.js
支持IE7-IE10 谷歌 火狐 等浏览器
基于JQUERY扩展,需要引用JQUERY库。
使用方法:

XML/HTML code?


1

2

3


<div>

        <img id="ImgPr" width="120" height="120" /></div>

    <input type="file" id="up" />

把需要进行预览的IMG标签外 套一个DIV 然后给上传控件ID给予uploadPreview事件

XML/HTML code?


1

$("#up").uploadPreview({ Img: "ImgPr", Width: 120, Height: 120, ImgType: ["gif", "jpeg", "jpg", "bmp", "png"], Callback: function () { }}); 
时间: 08-26

JSP/HTML 上传图片后立即在页面显现该图片的相关文章

百度ueditor 上传图片后如何设置样式

最近项目中遇到一个问题,UEditor上传图片后,在内容展示会修改图片样式.但是表情也是img标签,所以全局修改是有问题的, 所以只能着手修改一下插件的代码. 首先找到图片上传的服务器段文件.这里主要是php讲解 找到php目录下Uploader.class.php 337行 public function getFileInfo() { return array( "state" => $this->stateInfo, "url" => $th

页面上传图片后立即预览

页面上的应用大多都有在个人信息管理中设置头像的这么一个功能,而对于实现这个功能前提就是上传头像的功能,而当上传完成即可预览是所有后续操作的前提.在网上巴拉了一番,然后整理了一下,拼凑了一个小demo供大家学习.本博文出自博客园,作者Red,联系邮箱 [email protected],转载请保留本文原文链接http://www.cnblogs.com/itred/p/5723864.html. 这个demo基本可以实现页面上打开页面后,点击上传头像图片的按钮,经过选择,上传成功后即可在页面指定位

html上传图片后不显示图片

<!-- donlyn 200307 : 加这个,不然图片上传完成后回调不显示 --> <meta name="referrer" content="no-referrer" /> 上传图片后,有时加载不出来图片,需要点击图片链接在另外的tab页加载图片后重新打开页面,才能看到图片.这种情况在header中加入这条可以解决 原文地址:https://www.cnblogs.com/donlyn/p/12619514.html

IIS开启伪静态后html静态页面无法访问的解决方法

IIS开启伪静态后,发现原本存在的html静态页面无法访问了,显示的404错误.网上查了下,是因为实现伪静态就是使用 URLRewriter 来映射后缀,会把asp等动态页面映射成html,但是原来存在的html静态页面也被定义的规则映射到其它页面了,所以找不到页面而无法访问. 有一个很简单的方法就是将html页面的后缀名改成htm,或者是把映射的规则改成映射为htm,总之就是把我们的伪静态页面和真正的静态页面分别用html和htm区分开来,但这只是治标不治本的方法. 最好的方法就是修改伪静态规

select option项选择后跳转页面

第一种方法: 跳转到当前页: location.href为跳转当前的页面 <select name="here " onchange="location.href=this.options[this.selectedIndex].value;"> <option value= "http://www.baidu.com "> 百度 </option> <option value= "http:/

Ajax中主页加载分页面后,分页面js脚本不执行的解决办法

没看懂,稍后再看 Ajax中主页加载分页面后,分页面js脚本不执行的解决办法 最近捣鼓JQuery,其中强大的Ajax系列函数令人印象深刻,所以做项目时毫不犹豫地采用了一下该技术,在主页中动态加载分页面进来,咋看效果 不错,都能实现了第一层次的加载,但深入下去问题就出来了:动态加载进来的页面中外联了js文件,其中的脚本却没有在加载后运行! (脚本在单独浏览该分页面时运行是正常的) 我郁闷了,打开Firefox中的Firebug查看了加载后的主页面中的DOM,所有元素的加载都是正常的啊~ 自己改来

子页面提交后刷新父页面问题

在弹出的子页面在做新增和修改操作时, 有时要对父页面进行刷新操作, 可以关闭子页面后刷新父页面, 也可以不关闭子页面刷新父页面,在网上查到了方法, 在这里记一下,方便以后的学习查找. 一. 弹出子页面关闭刷新父页面: 在父页面js中回调window.opener.location.reload(); <script language=JavaScript> window.opener.location.reload(); </script> 二. 不关闭子页面刷新父页面: 在子页面

解决webpack打包vue项目后,部署完成后,刷新页面页面404

1.url不动式url完全不动,即你的页面怎么改变,怎么跳转url都不会改变.这种情况的原理 就是纯ajax拿到页面后替换原页面中的元素,刷新页面就是首页 2.带hash(#)式这种相对于第一种的话刷新页面页面不会丢失    实现原理写一个window事件我监听url的变化,那我就能实先路由,那样我就可以根据url的变化,来通过ajax请求参数来渲染页面,一个url对应一个页面,就不会重复.window.addEventListener(‘hashchange‘,function(){self.

解决React路由URL中hash(#)部分的显示 、browserHistory打包后浏览器刷新页面出现404的问题

摘要 在React项目中,我们需要采用它的路由库React-Router来进行页面跳转,React会根据路由URL来判断是哪个页面.常见的的URL有两种显示方式,一种是hashHistory的形式,形如:localhost:3000/#/free-lesson的路由,另一种是browserHistory的形式,形如:localhost:3000/person-center的真实URL路由.在实际项目中常常用真实的URL的方式,但是该形式存在一个隐藏的问题,就是项目打包后,浏览器页面刷新会出现40