当前位置:首页 » 文件管理 » js显示上传的图片

js显示上传的图片

发布时间: 2022-08-22 06:56:48

① 用js、jquery如何实现上传图片的预览

$("#btnLoadPhoto").upload({ url: "../UploadForms/RequestUpload.aspx?action=photo", type: "json", callback: calla });
//获得表单元素
HttpPostedFile oFile = context.Request.Files[0];
//设置上传路径
string strUploadPath = "temp/";
//获取文件名称
string fileName = context.Request.Files[0].FileName;
补充:JQuery是继prototype之后又一个优秀的javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。

② js代码实现在网页中的图片上传极其缩略图显示功能!

javascript上传不了图片,除非把js作为服务器语言来写成asp,或用node.js。
否则js只是在前端浏览器里面运行,没权限把文件上传到服务器。

上传图片是asp、php、jsp、.net之类的服务器语言实现的。

③ 用javascript显示上传的图片

在浏览器中显示本地图片:
<img src="file:///c:1.jpg"/>
这个 只有IE6支持,

全兼容的提交前预览,
只能用AJAX偷偷的提交到 服务器 再返回个http:地址, 或flash什么的了。

④ JS 显示 上传 图片 ,,高手帮我解释一下这段代码

浏览器安全性已经大大提高,要实现图片上传预览不是那么简单了

不过有很多变通或先进的方法来实现

例如ie7/ie8的滤镜预览法,firefox3的getAsDataURL方法

具体可以参考这个图片上传预览效果

⑤ js上传图片并且预览功能

<div >
<div id="headImgPicview">
<img src="" id="headImgPic" width="200" height="auto"/>
</div>
<input type="text" id="headImgShow" name="headImg"
placeholder="图片(.jpg .jpeg .png)" size="40"
pattern="(.jpg$)|(.jpeg$)|(.png)|(.JPG$)|(.JPEG$)|(.PNG$)"
data-foolish-msg="请选择图片!"
value=""
required readonly/>
<div class="am-form-group am-form-file" style="width: 175px">
<button type="button" class="am-btn am-btn-default am-btn-sm">
<i class="am-icon-cloud-upload"></i> 选择要上传的图片</button>
<input type="file" id="headImg" onchange="imgcheck('headImg',this)" multiple>
</div>
</div>
//文件动态上传方法+格式判断
function imgcheck(imgid,file){
if(!(/.jpg$/.exec($('#'+imgid).val())||(/.png/.exec($('#'+imgid).val()))||(/.jpeg$/.exec($('#'+imgid).val()))
||(/.JPG$/.exec($('#'+imgid).val()))||(/.PNG$/.exec($('#'+imgid).val()))||(/.JPEG$/.exec($('#'+imgid).val())) )){
alert("图片格式不正确!应为:.jpg .jpeg .png");
$('#'+imgid).val('');
}else{
var imgURL = document.getElementById(imgid);
$('#'+imgid+'Show').attr('placeholder',imgURL.value);

//调用图片预览
previewImage(imgid+'Pic',file);

⑥ JS里加载控制的图片上传到服务器后无法显示

你这个js文件中有问题的,图片路径写的不对。
JS文件http://www.starmedtech.com/home/view/temp/js/kf.js。修改第二行 var urlroot = "images/";
改成var urlroot = "/home/view/temp/images/";
http://www.starmedtech.com/home/view/temp/images/bg_1.gif 这个是实际背景图片网址

⑦ 求js或JQ代码,实现图片上传后在指定的div中以背景图显示

如果是background的话使用 $("div").css("background-image","图片地址"),如果使用的img的话使用$("div").attr("src","地址");关键就是获取图片地址给弄上去

⑧ 用JS或者JQ写多个点击预览和点击上传功能,点击预览会弹出一个遮罩层来显示图片

.onwindow{
position:fixed;
top:43%;
left:43%;
z-index:99;
width:250px;
height:135px;
background-color:rgba(255,255,255,1);
display:none;
border:2pxsolidred;
border-radius:15px;
padding:10px;
}

.plank{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(255,255,255,0.8);
width:100%;
display:none;
}
<divclass="onwindow">//显示窗口
<image>...........
</div>
<divclass="plank"></div>//背景
varhide=()=>{$(".onwindow").hide();$(".plank").hide();}
varshow=()=>{$(".onwindow").show();$(".plank").show();}

⑨ js 图片上传本地预览

浏览器安全性已经大大提高,要实现图片上传预览不是那么简单了
不过有很多变通或先进的方法来实现
例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法
具体可以参考这个图片上传预览效果

⑩ 求js大牛帮忙看下file上传图片后立刻在页面Div中显示 IE不能正常显示问题

ie那个,nfile=obj.value即可,不需要那么麻烦。

热点内容
如何寻找资产配置机会 发布:2024-10-13 19:13:47 浏览:374
轿车安卓中控怎么安装手机卡 发布:2024-10-13 19:05:23 浏览:450
商城首页android 发布:2024-10-13 17:53:20 浏览:496
甲骨文云服务器如何申请 发布:2024-10-13 16:49:39 浏览:135
c语言中参数传递 发布:2024-10-13 16:30:15 浏览:81
cos服务器搭建 发布:2024-10-13 16:17:41 浏览:336
象棋软件算法 发布:2024-10-13 15:32:35 浏览:902
平板怎么看真正配置 发布:2024-10-13 14:53:32 浏览:35
微信存储空间的其他 发布:2024-10-13 14:52:14 浏览:672
怎么绕过系统密码登录密码登录密码登录 发布:2024-10-13 14:47:41 浏览:510