`
iwebcode
  • 浏览: 2071910 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

javascript浏览文件后可以直接显示客户端的图片

 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS</title>
<script language="javascript" type="text/javascript">

function Preview(obj) {
var str1= obj.value;
document.getElementById("Image1").src = str1;
//document.getElementById("Image1").setAttribute('src', str1);
}

</head>

<body>

<img id="Image1" src="My Pictures/girl.jpg" width="98" height="114" />
<input name="FileUpload1" type="file" onChange="Preview(this);" />

</body>
</html>

分享到：
| 3种自动登录MySQL命令行模式的方法
评论
发表评论

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

相关推荐

    Javascript判断文件是否存在(客户端/服务器端)

    本文将详细介绍在客户端和服务器端使用JavaScript来判断文件是否存在的方式，并提供相应的示例代码。 客户端判断文件是否存在： 在客户端，我们可以利用Windows平台的ActiveX对象“Scripting.FileSystemObject”来...

    支持图片上传及实时显示，可设置显示图片的大小。由php、Ajax、javascript开发

    **实时显示** 是通过Ajax的异步特性实现的，服务器处理图片上传后，返回一个确认消息，JavaScript接收到消息后更新页面，显示上传成功的提示或新图片。 **图片大小设置** 可能涉及到两部分：前端预览和后端处理。...

    JS在客户端存放文件

    在IE浏览器中，通过使用ActiveX控件，可以绕过上述限制，实现在客户端直接操作文件的功能。给定的部分代码示例中，使用了`Scripting.FileSystemObject` ActiveX控件来创建和读取文件。例如，`fso.OpenTextFile`方法...

    页面浏览客户端自己的图片，不上传到服务器

    这个字符串可以直接嵌入到`&lt;img&gt;`标签的`src`属性中，让浏览器显示图片。 3. **跨域安全性（CORS）**: 由于同源策略限制，浏览器默认不允许网页加载来自不同源的资源。但是，DataURL是一种安全的机制，因为它包含了...

    一个简单的JS图片浏览功能

    标题中的“一个简单的JS图片浏览功能”指的是使用JavaScript实现的一种基本的图片查看器或图片轮播功能。在网页开发中，这种功能常用于创建在线相册、产品展示或其他需要动态展示图片的场景。JS（JavaScript）是一种...

    javascript图片浏览范例

    为了实现图片浏览，通常会创建一个图片数组，存储所有图片的URL，这样JavaScript就可以方便地遍历和加载这些图片。 此外，我们还可以添加一些额外的功能，比如预加载图片，防止在切换时出现延迟。这可以通过创建`...

    图片上传前客户端预览

    本文将详细介绍如何使用JavaScript在客户端实现图片上传前的预览功能。该方法适用于多种浏览器环境，包括IE7及更高版本。通过以下知识点的学习，您将能够掌握利用HTML、CSS和JavaScript实现这一功能的技术细节。 ##...

    asp.net 选择客户端图片同时预览

    本文将深入探讨如何使用JavaScript技术实现在客户端选择图片并进行实时预览，以便用户在上传前可以检查图片效果。 首先，我们需要了解HTML5引入的新特性——File API。File API允许在浏览器中直接读取文件内容，...

    javascript 的相册浏览（超帅）找

    JavaScript 相册浏览是一种网页应用，它允许用户在网页上以动态、美观的方式查看一系列图片。这类应用通常具有平滑的...通过深入研究这个文件，我们可以学习到如何构建一个高性能、用户友好的JavaScript相册浏览应用。

    CookiesjsJavaScript客户端的Cookie操作库

    "CookiejsJavaScript客户端的Cookie操作库" 指的是一种JavaScript库，专门用于在客户端（即用户浏览器）进行Cookie的操作。Cookiejs是这个库的名称，它提供了一组简单易用的API，帮助开发者方便地管理用户的Cookie。...

    JavaScript 读写文件

    在Web开发中，JavaScript 主要用于客户端脚本处理，但也可以通过特定环境如Node.js在服务器端进行文件操作。本次介绍的是利用`ActiveXObject`（仅限于IE浏览器）进行文件读写的方法，这种方法不适用于现代跨平台Web...

    JavaScript图片切换展示效果.rar

    在"JavaScript图片切换展示效果"这个项目中，我们可以预见到代码会包含一个主要的JavaScript文件，其中定义了处理图片切换的核心逻辑。同时，可能会有HTML文件来布局页面和插入图片，以及CSS文件来设定样式和动画...

    JAVASCRIPT实现客户端文件读写[文].pdf

    ### JavaScript 客户端文件读写技术详解 #### 一、引言 JavaScript 作为一种广泛应用于前端开发的脚本语言，不仅能够使网页更加生动有趣，还具备一系列高级功能，如文件读写操作。尽管这一功能并非所有浏览器都支持...

    效果图片展示(javascript)

    JavaScript是一种广泛应用于客户端Web开发的脚本语言，它能够增强网页的交互性和动态性，使得用户在浏览网页时可以与网页内容进行实时交互。 描述中提到的“很好的一个图片展示功能”，可能是指一种图片轮播、幻灯...

    基于HTML/CSS/JavaScript的瑞吉外卖快餐系统移动端与客户端设计源码

    移动端用户可以轻松浏览菜品、下单、查询订单及填写派送地址，而客户端则具备菜品分类和员工管理等功能。项目总文件量为215个，涵盖81个Java文件、43个PNG图片文件、22个JavaScript文件、21个HTML文件、18个CSS文件...

    Javascript图片查看

    在压缩包中的"图片查看代码"文件中，应该包含了实现这些功能的JavaScript代码。代码可能包括定义图片数组，创建DOM元素，绑定事件处理函数，实现图片切换逻辑等内容。分析和理解这段代码可以帮助我们更好地掌握...

    javascript制作相册 浏览图像 图片的放大,缩小,适应窗口大小,按实际大小显示,下一张上一张翻页.zip

    创建一个新的`Image`对象，设置其`src`属性为图片URL，当图片加载完成后，可以触发`onload`事件，执行后续处理。 2. **图像显示**：通过修改`img`元素的`src`属性，我们可以切换显示不同的图片。为了适应窗口大小，...

    好用的Javascript图片轮播

    这些效果可以通过CSS3的transition和animation属性实现，或者使用JavaScript来控制图片的显示和隐藏。 8. **事件监听**：为了响应用户的操作（如点击按钮或触摸滑动），需要在JavaScript中添加事件监听器。例如，当...

    Javascript写入和读取txt文件

    总之，虽然JavaScript可以直接在客户端操作文件系统的能力有限，但在特定条件下（如使用IE浏览器），通过`FileSystemObject`和`TextStream`对象可以实现基本的文件读写功能。开发者应充分了解其限制并采取适当的安全...

    JavaScript与客户端安全.pdf

    通过简单的JavaScript命令，网站管理员可以轻松地收集到访问者的浏览器版本、操作系统、屏幕分辨率、地理位置、语言设置，甚至用户的浏览历史和IP地址。这种能力使得网站能够详细记录用户在网站上的活动，包括鼠标的...

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