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

上传图片并实时显示

阅读更多
本文来源于网络! 啥也不说了 copy 改,就OK了

function getFullPath(obj){
    if(obj)
    {
        //ie
        if (window.navigator.userAgent.indexOf("MSIE")>=1)
        {
            obj.select();
            return document.selection.createRange().text;
        }
        //firefox
        else if(window.navigator.userAgent.indexOf("Firefox")>=1)
        {
            if(obj.files)
            {
                return obj.files.item(0).getAsDataURL();
            }
            return obj.value;
        }
        return obj.value;
    }
}

<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />

<img id="img">
 


分享到:
评论
2 楼 JavaStudyEye 2012-01-04  
yingluowu 写道
好崇拜你哟! 晚上3、4点了都不睡觉!

  哈哈
1 楼 yingluowu 2011-12-26  
好崇拜你哟! 晚上3、4点了都不睡觉!

相关推荐

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

    这个项目是用PHP、Ajax和JavaScript这三种技术实现的,允许用户上传图片并即时预览,同时还可以调整显示的图片大小。接下来,我们将深入探讨这些技术以及它们在实现此功能中的角色。 **PHP** 是一种广泛使用的...

    SpringMVC+Ajax异步上传图片并显示(源码)

    在本文中,我们将深入探讨如何使用SpringMVC和Ajax实现异步上传图片并实时显示的功能。这个技术组合常用于Web应用开发中,提供流畅的用户体验,避免页面刷新带来的不便。 首先,SpringMVC是Spring框架的一部分,专...

    asp.net+ext上传图片并显示

    在ASP.NET框架中,结合EXT库创建一个上传图片并实时显示的功能是一项常见的需求。EXT库是一个强大的JavaScript UI框架,提供了丰富的组件和交互效果,而ASP.NET则是微软开发的服务器端Web应用程序框架。以下是对这个...

    SpringMvc上传本地图片保存数据库并实时显示

    以上就是使用Spring MVC实现本地图片上传、存储到数据库并实时显示的关键步骤和知识点。这涉及到前端交互、后端处理、文件操作、数据库存储和视图渲染等多个层面,每个环节都需要细心处理以确保功能的正常运行和系统...

    asp.net实现上传图片后并显示

    在ASP.NET中实现上传图片并在页面上显示是一个常见的需求,主要涉及到文件上传、图像处理以及前端展示等技术。以下是对这个主题的详细说明: 一、ASP.NET文件上传基础 ASP.NET提供了一些内置的控件和类来支持文件...

    java实现图片上传并显示

    5. **保存文件路径**:在数据库中保存上传图片的路径。创建一个表来存储这些信息,包括用户的ID、图片文件名和路径。 6. **显示图片**:在前端页面上,使用`&lt;img&gt;`标签显示图片。图片的`src`属性应指向保存在数据库...

    java上传图片后立即将图片显示出来

    综上所述,"java上传图片后立即将图片显示出来"这一功能的实现涉及到Java的文件上传处理、IFrame技术的运用、前端JavaScript的交互以及服务器端的文件管理和安全控制等多个方面。理解这些关键点对于开发高质量的Web...

    ASP.NET MVC实现图片上传、图片预览显示

    *** MVC图片上传和预览显示的实现并不复杂,通过小步骤的累积和各个组件的协同工作,可以实现一个完整的图片上传和预览功能。代码示例和演示链接帮助读者更好地理解和掌握整个实现过程,为他们的学习和开发提供了...

    QT通过HTTP实现图片实时上传和下载并显示源代码实例

    在本实例中,我们将探讨如何使用QT通过HTTP协议来实现图片的实时上传、下载及显示。这涉及到QT中的网络模块,包括QNetworkAccessManager、QNetworkRequest、QNetworkReply等关键类。 首先,要实现图片的HTTP上传,...

    javaweb上传和显示图片(含源码).zip

    在这个项目中,服务层可能包含上传图片的服务,以及获取图片信息的服务。 7. **MySQL数据库**: MySQL是常用的开源关系型数据库管理系统,用于持久化存储图片的元数据,如文件名、上传时间、文件大小等。图片的二...

    html上传图片直接显示,JS实现图片上传直接显示

    html上传图片直接显示,JS实现图片上传直接显示,具体上传格式可以自己进行更改~

    SSM框架图片上传与显示

    7. **安全考虑**: 除了基本的文件上传功能,还需要考虑安全问题,如文件类型检查(只允许上传图片)、文件大小限制(防止大文件占用过多服务器资源)以及防止恶意文件上传。 8. **异常处理**: 在处理文件上传和...

    ueditor上传图片不显示

    通过以上步骤,大部分情况下可以解决图片显示问题。这是因为路径配置错误是最常见的原因之一。 ##### 第二种方法:更换Ueditor编辑器版本 如果上述方法仍然无法解决问题,那么可能是由于Ueditor编辑器本身的版本...

    jquery上传图片并显示,支持拖拽上传

    本项目是关于利用jQuery实现图片上传并实时显示的功能,同时也支持拖拽上传这一现代Web交互特性。以下是这个项目涉及的核心知识点: 1. **HTML结构**:`index.html`是网页的基础,它定义了页面的基本结构。在这个...

    php上传图片并预览源码

    这个"php上传图片并预览源码"示例提供了HTML和PHP两种语言的代码,帮助开发者理解如何实现这一功能。下面我们将深入探讨其中涉及的关键知识点。 1. **表单(HTML)**: HTML页面通常使用`&lt;form&gt;`元素来创建一个...

    jquery 上传图片显示

    对于“jQuery 上传图片显示”这一主题,我们主要探讨如何使用 jQuery 实现用户选择图片后在页面上即时预览的功能。这涉及到文件输入元素、JavaScript 事件处理、图片的 Base64 编码以及可能的 AJAX 上传等技术。 ...

    上传图片,并即时显示

    使用文件域上传图片时,用js进行控制,让上传的图片能够即时的显示出来

    解决BugFree上传图片不能显示问题

    在使用BugFree的过程中,用户可能会遇到上传图片后无法正常显示的问题,这通常是由配置不当或者端口冲突导致的。下面将详细解释这个问题的原因以及提供一种可能的解决方案。 1. **问题原因**: - **端口冲突**:...

    asp.net上传图片显示相册

    综上所述,实现"asp.net上传图片显示相册"的功能,需要理解ASP.NET的文件上传机制,掌握图片的服务器端处理和前端显示技巧,以及动态控件的使用。通过合理的编程实践,可以构建出稳定且用户体验良好的相册系统。

Global site tag (gtag.js) - Google Analytics