`
yanxiaohui5522
  • 浏览: 59167 次
  • 来自: ...
社区版块
存档分类
最新评论

制作一个可以实施浏览图片的上传图片功能

 
阅读更多
<SCRIPT language=JavaScript>
var flag=false;
function DrawImage(ImgD){
   var image=new Image();
   image.src=ImgD.src;
   if(image.width>0 && image.height>0){
    flag=true;
    if(image.width/image.height>= 120/80){
     if(image.width>120){
     ImgD.width=120;
     ImgD.height=(image.height*120)/image.width;
     }else{
     ImgD.width=image.width;
     ImgD.height=image.height;
     }
     ImgD.alt=image.width+"×"+image.height;
     }
    else{
     if(image.height>80){
     ImgD.height=80;
     ImgD.width=(image.width*80)/image.height;
     }else{
     ImgD.width=image.width;
     ImgD.height=image.height;
     }
     ImgD.alt=image.width+"×"+image.height;
     }
    }
   /*else{
    ImgD.src="";
    ImgD.alt=""
    }*/
   }
function FileChange(Value){
flag=false;
document.all.uploadimage.width=10;
document.all.uploadimage.height=10;
document.all.uploadimage.alt="";
document.all.uploadimage.src=Value;
}
function BeforeUpLoad(){
if(flag) alert("OK");else alert("FAIL");
}
</SCRIPT>
<INPUT style="WIDTH: 143px; HEIGHT: 18px" type=file onchange=javascript:FileChange(this.value); size=8 name=pic> <IMG id=uploadimage height=10 src="" width=10 onload=javascript:DrawImage(this);><BR><BUTTON onclick=javascript:BeforeUpLoad();>提交</BUTTON></P> 
分享到:
评论

相关推荐

    基于web实现的新闻上传系统

    【基于Web实现的新闻上传系统】是一个以网页为基础的新闻管理平台,旨在提供方便快捷的新闻编辑、发布和管理功能。这个系统的核心是利用Web技术,使得用户无需安装特定软件,只需通过浏览器即可进行操作。它针对不同...

    PHP电子相册(附MySQL数据库)

    本项目是一个基于PHP开发的电子相册系统,结合MySQL数据库,为用户提供便捷的图片管理功能。用户可以上传个人照片,创建新的相册,并在相册中添加或删除图片。此外,系统还允许用户查看其好友公开的相册,增强了社交...

    2022虎年背景全新UI头像框制作微信小程序源码.zip

    在本项目中,我们拥有一个名为“2022虎年背景全新UI头像框制作微信小程序源码.zip”的压缩包文件,它包含了用于创建一个与2022虎年主题相关的微信小程序的完整源代码。这个小程序的核心功能是让用户能够使用一系列与...

    网站的设计与制作PPT学习教案.pptx

    网站的设计与制作是一个涵盖多个步骤和技术的复杂过程,包括...网站设计与制作是一个涉及策划、技术、美学和营销的综合过程,每个环节都需要细心规划和实施,以确保最终创建出用户友好、功能完善、易于维护的在线平台。

    Google搜索七夕的网络妙招.docx

    当你偶然发现一张理想的地点或礼物图片,可以直接将图片上传至Google图片搜索,它会为你提供与该图片相关的详细信息,便于你进一步了解和实施。 最后,规划约会路线时,Google地图是必不可少的工具。不仅可以查看...

    梦妮服饰网站设计与制作.pdf

    《梦妮服饰网站设计与制作》是一份详细阐述如何构建一个服装行业在线平台的技术文档,主要探讨了网站设计的理念、开发环境的选择、需求分析、总体设计以及各功能模块的实现。该文档对于理解互联网上电子商务网站的...

    网页设计与制作

    在这个任务中,学生们被要求设计并制作一个小型网站,这不仅考验他们的创意,也要求他们掌握基本的设计原则和技术。 首先,设计策划书是整个项目的核心文档,它应该包括设计理念的阐述,这是网站设计的灵魂,它反映...

    java-web-网页制作报告.pdf

    综上所述,本报告详尽阐述了基于Java-Web技术的网页制作过程,从需求分析到设计实施,旨在构建一个高效、实用且易于维护的新闻信息发布平台,满足用户和管理员的多元化需求。通过这一项目,不仅提升了技术实践能力,...

    Photo_Gallery-website:试图制作一个完整的网站来显示照片。 该网站将具有许多功能

    为了创建一个功能完备的照片图库网站,我们需要考虑以下关键知识点: 1. **HTML结构**:首先,我们需要规划网页的基本结构,包括头部(header)、主体(main)和尾部(footer),以及导航栏、相册分类、图片预览...

    网页设计与制作.pdf

    网页设计与制作是技术领域的重要组成部分,涉及到一系列的步骤和...网页设计与制作是一个综合性的过程,涉及到市场研究、创意构思、技术实施和用户体验等多个层面。理解并掌握这些知识点,对于创建成功网站至关重要。

    网站制作报告.pdf

    项目的目标是建立一个专业、简洁、高效的电子商务鲜花销售网站,满足网络购物的需求。网站功能包括首页展示、鲜花和礼品详情、后台管理(用户注册登录、会员功能、留言系统、联系方式等)。在实习中,学生通过分工...

    网站制作流程.pptx

    网站制作流程是一个涉及多步骤和细致规划的过程,旨在创建一个高效、吸引人的在线平台。以下是对网站制作流程的详细解析: 一、网站策划 在开始网站制作之前,首先要进行策划阶段,这包括确定网站的主题、目标受众...

    phpcms企业招聘模块

    这一模块的实施,旨在提升企业的招聘效率,降低招聘成本,同时也为求职者提供了一个便捷的应聘渠道。 在【描述】中提到,“phpcms企业招聘模块”实现了企业职位展示和在线应聘两大核心功能。这意味着该模块不仅具备...

    Snagit经典抓图工具

    在编辑过程中,Snagit的时间线功能可以帮助你轻松管理多张截图,方便比较不同时期的屏幕变化,尤其在追踪项目进度时非常有用。 七、自动保存与热键 Snagit支持设置自动保存,确保你不会因为意外关闭程序而丢失工作...

    网站制作流程8609872586.pptx

    在互联网领域,创建一个网站是一个复杂而重要的任务,涉及到多个步骤和技术。以下是关于网站制作流程的详细解析: 1. **基本概念理解** - **URL(Uniform Resource Locator)**:这是互联网上资源的唯一地址,通常...

    网站制作PPT

    综上所述,制作个人网站是一个涉及多个环节的流程,从确定目标、设计布局,到服务器配置、内容上传和测试优化,每个步骤都需要精心规划和实施。通过掌握这些基本技能,你可以创建出满足个人需求,同时吸引用户的个性...

    一个文档管理系统的源程序和数据库(VB写的)

    总之,这个VB编写的文档管理系统结合了数据库技术、文件操作、用户界面设计和权限管理等多个IT领域的知识,旨在提供一个高效、安全的文档管理平台,满足不同用户的需求。无论是对于学习VB编程还是了解文档管理系统的...

    网页设计与制作试题 不错的题目

    2. **网站结构**:构建一个“个人网站”需要至少包含三个模块,这是为了确保内容的丰富性和层次感。模块可以包括个人信息、作品展示、联系信息等,每个模块都应有明确的定位和目的,以帮助访客快速理解网站的功能和...

    美食查询系统需求分析报告模版.docx

    项目的主要目标是创建一个功能完善、操作简便的美食查询系统,让用户能够快速查找各地美食、获取餐厅详情、分享烹饪心得,并通过个性化推荐功能,提升用户的使用体验。 2.2 运行环境 系统应能在常见的操作系统(如...

    利用百度知道高排名附件上传方式吸引上千流量技术方法

    在当前互联网营销的大背景下,如何有效地利用各种平台来获取流量成为了一个重要的议题。本篇将详细介绍一种通过百度知道这一高权重平台进行推广的技术方法——即通过上传附件的方式,在合法合规的前提下吸引大量目标...

Global site tag (gtag.js) - Google Analytics