`
txf2004
  • 浏览: 7065632 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

带图片预览功能的上传表单

HTML 
阅读更多
http://www.corange.cn//uploadfiles/1d380e176951fe0a4b90a7c0_85281.jpg


带有图片预览功能的上传表单

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>带有图片预览功能的上传表单</title>
<script>
function viewmypic(mypic,imgfile) {
if (imgfile.value){
mypic.src=imgfile.value;
mypic.style.display="";
mypic.border=1;
}
}
</script>
</head>
<body>
<center>
<form >
<input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(showimg,this.form.imgfile);" />
<br />
</form>
<img name="showimg" id="showimg" src="" style="display:none;" height="100px" width="100px" alt="预览图片" />
<br />
</div>
<div style="display:none">
</div>
</center>
</body>
</html>

分享到：
| CSS Sprites技术
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    有图片预览功能的上传表单

    有图片预览功能的上传表单

    有图片预览功能的上传表单.rar

    在IT领域，尤其是在Web开发中，创建一个带有图片预览功能的上传表单是一个常见的需求。这样的功能可以提升用户体验，让用户在正式上传图片之前能够预览选定的文件，确保上传的图片符合预期。这个"有图片预览功能的...

    带有图片预览功能的上传表单的完整HTML

    带有图片预览功能的上传表单jb51.net&lt;/title&gt; [removed] function viewmypic(mypic,imgfile) { if (imgfile.value){ mypic.src=imgfile.value; mypic.style.display=""; mypic.border=1; } } [removed] &lt;/...

    PHP上传图片带预览功能

    以上代码实现了基本的图片上传和预览功能，但实际应用中可能还需要考虑其他方面，例如错误处理、文件名冲突、安全检查（防止恶意文件上传）、图像尺寸调整等。你可以根据项目需求进一步扩展这些功能，例如通过GD库或...

    多文件预览上传-多图片预览上传

    "多文件预览上传-多图片预览上传"是一个专为JAVA开发的解决方案，它允许用户在实际上传之前预览文件，特别是图片，提高了用户体验并减少了错误的可能性。下面将详细解释这一功能的核心知识点： 1. **多文件选择与...

    Jquery 表单验证+本地图片上传-切割-预览

    在本项目中，"Jquery 表单验证+本地图片上传-切割-预览"是一个综合性的前端开发实例，它涵盖了几个重要的JavaScript库和技术，包括jQuery、表单验证、图片上传、图片切割以及预览功能。以下是这些知识点的详细解释：...

    在线图片预览功能的实现

    在线图片预览功能是网页应用中的常见需求，它允许用户在不下载图片的情况下查看图片内容。这个功能在很多场景下都很实用，比如社交媒体、电子商务网站、文档分享平台等。实现在线图片预览功能通常涉及前后端的交互，...

    jquery图片预览功能

    本篇文章将详细讲解如何利用jQuery实现图片预览功能，这在网页设计中是非常常见且实用的功能，特别是对于上传图片或者展示大图时，能为用户提供更好的用户体验。 首先，我们要理解图片预览的基本原理。当用户点击...

    tinyMCE本地图片预览

    ### tinyMCE本地图片预览实现详解 #### 一、简介 tinyMCE是一款非常流行的开源富文本编辑器，广泛应用于各种网站和应用程序中。它提供了丰富的文本编辑功能，包括但不限于格式化文本、插入图像、链接等。在某些...

    上传图片预览功能

    在网页开发中，上传图片预览功能是一项常用且重要的功能，它允许用户在实际上传之前查看图片的效果，提升用户体验。本篇文章将详细讲解如何利用JavaScript实现这一功能，以标题“上传图片预览功能”和描述“在页面...

    HTML5 图片上传 带预览功能 (pc,手机都能适配)

    HTML5图片上传带预览功能是一项重要的前端技术，它使得用户在上传图片前可以先预览效果，提高用户体验。这项技术充分利用了HTML5的新特性，包括File API、FormData以及Canvas等，使其能在PC和手机等不同设备上进行...

    .Net图片上传预览

    在.NET开发环境中，图片上传预览功能是常见的需求，它允许用户在上传图片到服务器之前进行查看和确认，提升用户体验。下面将详细讲解如何实现这一功能。 首先，我们需要理解图片预览的基本原理。图片预览通常涉及到...

    前端页面图片上传即时预览功能

    在前端开发中，图片上传即时预览功能是一个常见的需求，特别是在网页表单、社交媒体平台或者内容编辑器等场景。这个功能允许用户在选择图片后，能够在页面上立即看到即将上传的图片，提供一种直观的反馈，提升用户...

    实现上传图片之前的预览功能.rar

    以上就是实现上传图片预览功能的基本步骤。需要注意的是，由于安全限制，浏览器不允许跨域访问Canvas上的内容，所以如果图片来源于其他域名，可能会遇到问题。此外，对于大图片，可以考虑先进行缩放处理，避免内存...

    jQuery实现上传图片预览

    其中，图片上传预览功能是许多应用场景中的一个重要环节，例如社交媒体、在线购物平台等。通过使用jQuery库，我们可以轻松地实现一个既实用又具有交互性的图片预览效果。本文将详细介绍如何利用jQuery来实现上传图片...

    MVC2下 图片上传 带预览功能

    在本文中，我们将深入探讨如何在ASP.NET MVC2框架下实现一个带有图片预览功能的图片上传功能。ASP.NET MVC2是一种模型-视图-控制器（Model-View-Controller）架构，它为Web应用程序开发提供了灵活和可维护的结构。 ...

    java实现jQuery带删除功能多图片上传预览插件

    在IT行业中，开发一个带有删除功能的多图片上传预览插件是常见的需求，尤其是在Web应用中。这个项目是基于Java后端技术和jQuery前端库实现的，提供了用户友好的图片上传体验。以下是对这个项目的一些关键知识点的...

    asp.net上传时图片预览

    在ASP.NET中，图片上传和预览功能是网站开发中常见的需求，特别是在用户需要上传个人头像、商品图片或者发布含有图像内容的信息时。本文将详细介绍如何在ASP.NET环境中实现图片的上传和预览功能，以及批量上传的处理...

Magicbox
Global site tag (gtag.js) - Google Analytics