<div>
             <%-- 核心思想:把FileUpload设为relative,top:-200px;opacity: --%>
             <div id="localImag" style="width: 300px; height: 200px">
                 <img id=" />
                 <asp:FileUpload ID="PicLoad" Width="300px" Height="200px" Style="position: relative; top: -200px; opacity: 0" runat="server" onchange="javascript:setImagePreview(this,localImag,preview);"></asp:FileUpload>

             </div>
             <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="上传" />

             <script type="text/javascript">
                 function setImagePreview(docObj, localImagId, imgObjPreview) {
                     ]) {
                         //火狐下,直接设img属性
                         imgObjPreview.style.display = 'block';
                         imgObjPreview.style.width = '300px';
                         imgObjPreview.style.height = '200px';

                         //火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式
                         imgObjPreview.src = window.URL.createObjectURL(docObj.files[]);
                     }
                     else {
                         //IE下,使用滤镜
                         docObj.select();
                         var imgSrc = document.selection.createRange().text;

                         //必须设置初始大小
                         localImagId.style.width = "300px";
                         localImagId.style.height = "200px";

                         //图片异常的捕捉,防止用户修改后缀来伪造图片
                         try {
                             localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                             localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                         }
                         catch (e) {
                             alert("您上传的图片格式不正确,请重新选择!");
                             return false;
                         }
                         imgObjPreview.style.display = 'none';
                         document.selection.empty();
                     }
                     return true;
                 }
             </script>
         </div>

webform 文件上传(头像上传) 隐藏FileUpload的更多相关文章

  1. php+flash头像上传组件

    有会员系统的站点一般都会有一个头像上传组件,一般做的最简单的是 这样的方式长处是代码写的简单,仅仅要推断图片大小和类型,然后更新数据库.可是用户体验不高.并且站点其它页面假设要使用较小的20X20或1 ...

  2. Django 自带 user 字段扩展及头像上传

    django 及 rest_framework 笔记链接如下: django 入门笔记:环境及项目搭建 django 入门笔记:数据模型 django 入门笔记:视图及模版 django 入门笔记:A ...

  3. python 全栈开发,Day86(上传文件,上传头像,CBV,python读写Excel,虚拟环境virtualenv)

    一.上传文件 上传一个图片 使用input type="file",来上传一个文件.注意:form表单必须添加属性enctype="multipart/form-data ...

  4. springboot 头像上传 文件流保存 文件流返回浏览器查看 区分操作系统 windows 7 or linux

    //我的会员中心 头像上传接口 /*windows 调试*/ @Value("${appImg.location}") private String winPathPic; /*l ...

  5. win 10 用户上传头像保存的文件夹路径

    win 10 用户上传头像保存的文件夹路径 C:\Users\Administrator(用户名)\AppData\Roaming\Microsoft\Windows\AccountPictures

  6. 20-1 django上传文件和项目里上传头像如何查看

    一 普通上传方式 1 views def upload(request): if request.method == "POST": # print(request.POST) # ...

  7. webform文件上传、图片水印、验证码

    文件上传: 所用控件:FileUpload 使用时的思路: 1.判断用户是否选中了文件 FileUpload.FileName获取选中的文件名,判断长度,如果长度大于零就代表已经选择了文件 JS端:通 ...

  8. webform文件的上传

    文件上传 (控件:Fileupload) --文件映射:Server.MapPath(path)(相 对转绝对路径)--保存到指定路径:Fileupload.SaveAs 例子:点击按钮,获取上传图片 ...

  9. WebForm 文件上传

    //Button1的点击事件 //FileUpload1.FileName为所传文件的名字. //以DateTime.Now.ToString("yyyyMMddhhmmssms" ...

随机推荐

  1. 视频播放器开发中遇到的一些小问题MPMoviePlayerController

    1 开发环境是 xcode6  ipad3真机 ios8.1.1越狱 需要添加以下代码  ,否则真机测试没有外音,只有耳机   NSError *setCategoryError = nil;    ...

  2. office-002-onenote、word、outlook取消首字母大小写图文详解

    此文主要讲述如何取消微软办公软件 onenote.work.outlook 中首字母大写等的自动更正项,其他 office 办公软件相关设置的操作,可参考此文进行相应的设置.希望能对亲有所帮助,若有错 ...

  3. Quartzs -- Quartz.properties 配置

    Quartzs -- Quartz.properties 配置 文件加载位置 默认:优先顺序 Classpath:quartz.properties --> org/quartz/quartz. ...

  4. 如何安装sass

    1.安装ruby 2. 运行ruby时输入 gem install 及sass安装文件路径. sass安装文件见文件.

  5. marathon参考(11):ports端口设置(转)

    Ports marathon中应用的端口配置可能被混淆,并有一个悬而未决的问题,需要重新设计 ports API.这个页面试图更清楚地解释它们是如何工作的. 定义 containerPort:在容器内 ...

  6. nginx端口被占用解决方案

    killall -9 nginx或service nginx restart(重新启动)

  7. C# MySqlHelper

    1.MySql官方提供ADO.NET访问模式的MySql.Data.dll,下载地址:http://dev.mysql.com/downloads/connector/net/ 2.MySqlHelp ...

  8. Unity3D 插件大全

    2D_Toolkit 2d动画开发插件包 FingerGestures 触摸插件 ORK_Okashi_RPG_Kit Unity3D角色扮演游戏开发工具包 uScript-Visual-Script ...

  9. oracle调整表中列顺序

    有一个哥们提出一个问题: 有个表,创建时候的列顺序是a,b,c 如何使用select * 的时候,让列的显示顺序是a,c,b 而且任性地必须使用select *来查询,且不能重建表. 假设有个表tes ...

  10. EF Code First DataAnnotations

    Key EF框架要求每个实体必须有主键字段,他需要根据这个主键字段跟踪实体.CodeFirst方法在创建实体时,也必须指定主键字段,默认情况下属性被命名为ID.id或者[ClassName]Id,将映 ...