| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 845 人关注过本帖
标题:[求助] 图片先预览再上传的代码
只看楼主 加入收藏
robinbest
Rank: 1
等 级:新手上路
威 望:2
帖 子:213
专家分:0
注 册:2007-9-13
结帖率:0
收藏
 问题点数:0 回复次数:3 
[求助] 图片先预览再上传的代码
如下面附件图片所示,是一个人事基本资料的新增/编辑页面。
怎样在单击"浏览"后选择了图片后立即在当前页面显示出来(但不上传),
等单击本页面下面的"提交"按钮后才将图片上传上去,并一起把图片的路径写入数据库。

希望高人指教!
在线等,Thanks

[[it] 本帖最后由 robinbest 于 2008-4-16 15:37 编辑 [/it]]

pic.JPG (5.92 KB)
图片附件: 游客没有浏览图片的权限,请 登录注册
搜索更多相关主题的帖子: 数据库 预览 代码 页面 
2008-04-16 15:36
caor1987
Rank: 1
等 级:新手上路
帖 子:228
专家分:0
注 册:2006-10-15
收藏
得分:0 
直接取图片在电脑的绝对路径即可显示出来。
2008-04-17 15:42
tianyu123
Rank: 1
等 级:新手上路
威 望:2
帖 子:576
专家分:0
注 册:2007-8-26
收藏
得分:0 
做个参考
<script language=javascript>
function check()
{
var file1=document.getElementById("f1");
var img1=document.getElementById("i1");
img1.src=file1.value;
}
</script>
<input type=file name="f1" id="f1" onpropertychange="check();">
<img name="i1" id="i1" src="">

改变一切,须从改变观念开始!
2008-04-17 17:30
robinbest
Rank: 1
等 级:新手上路
威 望:2
帖 子:213
专家分:0
注 册:2007-9-13
收藏
得分:0 
多谢三楼tianyu123,测试OK!
2008-04-18 12:31
快速回复:[求助] 图片先预览再上传的代码
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.031910 second(s), 11 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved