DTCMS中部分IE8不支持webupload上传附件的控件，更改为ajaxfileupload

dialog\dialog_attach.aspx

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no" />

<meta name="apple-mobile-web-app-capable" content="yes" />

<title>上传附件</title>

<link href="../skin/default/style.css" rel="stylesheet" type="text/css" />

<script src="../../scripts/jquery/jquery-1.11.2.min.js" type="text/javascript"></script>

<script type="text/javascript" charset="utf-8" src="../js/jquery.ajaxfileupload.js"></script>

<script type="text/javascript">

    $(function () {

        //fup_pic2 上传控件ID

        $('#txtfiles').change(function () {

            upload_pro();

        });

    });

    function upload_pro() {

        $("#uploadimg").html("<img src='../images/ajax-loading.gif'> 附件上传中...")

        $.ajaxFileUpload(

            {

                url: '../../tools/upload_ajax.ashx?action=AttachFile&random=' + Math.random(),

                secureuri: false,

                fileElementId: 'txtfiles',

                dataType: 'json',

                success: function (data, file) {

                    if (data.status == 1) {

                        $(".upload-name").val(data.name);

                        $(".upload-path").val(data.path);

                        $(".upload-size").val(data.size);

                        $("#uploadimg").text("上传成功");

                    }

                    else {

                        parent.dialog({

                            title: '错误',

                            content: data.msg,

                            okValue: '确定',

                            ok: function () { }

                        }).showModal(api);

                        $("#uploadimg").text("");

                        return false;

                    }

                },

                error: function (data, status, e) {

                    $("#uploadimg").text("错误");

                }

            });

        $('#txtfiles').change(function () {

            upload_pro();

        });

    }

</script>

<script type="text/javascript">

    var api = parent.dialog.get(window); //获取父窗体对象

    //页面加载完成执行

    $(function () {

        //设置按钮及事件

        api.button([{

            value: '确定',

            callback: function () {

                execAttachHtml();

                return false;

            },

            autofocus: true

        }, {

            value: '取消',

            callback: function () { }

        }]);

    });

    //创建附件节点

    function execAttachHtml() {

        var currDocument = $(document); //当前文档

            if ($("#hidFilePath").val() == "" || $("#hidFileSize").val() == "" || $("#txtFileName").val() == "") {

                parent.dialog({

                    title: '提示',

                    content: '没有找到已上传附件，请上传！',

                    okValue: '确定',

                    ok: function () { }

                }).showModal(api);

                return false;

            }

            var fileExt = $("#hidFilePath").val().substring($("#hidFilePath").val().lastIndexOf(".") + 1).toUpperCase();

            var fileSize = Math.round($("#hidFileSize").val() / 1024);

            var fileSizeStr = fileSize + "KB";

            if (fileSize >= 1024) {

                fileSizeStr = ForDight((fileSize / 1024), 1) + "MB";

            }

            appendAttachHtml($("#txtFileName").val(), $("#hidFilePath").val(), fileExt, fileSize, fileSizeStr); //插件节点

    }

    //创建附件节点的HTML

    function appendAttachHtml(fileName, filePath, fileExt, fileSize, fileSizeStr) {

            var liHtml = '<li>'

            + '<input name="hid_attach_id" type="hidden" value="0" />'

            + '<input name="hid_attach_filename" type="hidden" value="' + fileName + '" />'

            + '<input name="hid_attach_filepath" type="hidden" value="' + filePath + '" />'

            + '<input name="hid_attach_filesize" type="hidden" value="' + fileSize + '" />'

            + '<i class="icon"></i>'

            + '<a href="javascript:;" onclick="delAttachNode(this);" class="del" title="删除附件"></a>'

            + '<div class="title">' + fileName + '</div>'

            + '<div class="info">类型：<span class="ext">' + fileExt + '</span> 大小：<span class="size">' + fileSizeStr + '</span> '

            + '</li>';

            api.close(liHtml).remove();

        }

        //四舍五入函数

        function ForDight(Dight, How) {

            Dight = Math.round(Dight * Math.pow(10, How)) / Math.pow(10, How);

            return Dight;

        }

</script>

</head>

<body>

<form id="form1" runat="server">

<div class="div-content">

  <dl>

    <dt>选择文件</dt>

    <dd><asp:FileUpload ID="txtfiles" runat="server"  class="input txt"/>

         <input type="hidden" id="hidFilePath" class="upload-path" />

        <input type="hidden" id="hidFileSize" class="upload-size" />

    </dd>

  </dl>

  <div class="dl-attach-box">

    <dl>

      <dt>文件名称</dt>

      <dd>

        <input type="text" id="txtFileName" class="input txt upload-name" />

        <div class="upload-box upload-attach"></div>

      </dd>

    </dl>

    <dl>

      <dt></dt>

      <dd> <span class="tips">上传文件后，可更改附件名称</span></dd>

    </dl>

    <dl>

      <dt></dt>

      <dd><span id="uploadimg"></span></dd>

    </dl>

    <style>

    #uploadimg{color:#000;line-height:32px;font-weight:bold}

    #uploadimg img{vertical-align:middle}

    </style>

  </div>

</div>

</form>

</body>

</html>

tools\upload_ajax.ashx加入方法

   case "AttachFile"://附件上传文件

                    AttachFile(context);

                    break;

#region 上传附件的方法，有些IE8不支持webuploader，改用ajaxfileupload

        private void AttachFile(HttpContext context)

        {

            bool _iswater = false;//默认不水印

            HttpFileCollection files = context.Request.Files;

            if (files == null)

            {

                context.Response.Write(@"{

                status : 'error',

                msg : '" + "请选择要上传文件" + @"'

                }");

                context.Response.End();

                return;

            }

            if (files != null && files.Count > )

            {

                HttpPostedFile file = files[];

                    try

                    {

                        UpLoad upFiles = new UpLoad();

                        string remsg = upFiles.fileSaveAs(file, false, _iswater);

                        Dictionary<string, object> dic = JsonHelper.DataRowFromJSON(remsg);

                        string status = dic["status"].ToString();

                        string msg = dic["msg"].ToString();

                        if (status == "")

                        {

                            context.Response.Write("{\"status\":0,\"msg\":\"" + msg + "\"}");

                            return;

                        }

                        else

                        {

                            string name = dic["name"].ToString();

                            string path = dic["path"].ToString();

                            string fileSize = dic["size"].ToString();

                            context.Response.Write("{\"status\":1,\"msg\":\"" + msg + "\",\"path\":\"" + path + "\",\"name\":\"" + name + "\",\"size\":" + fileSize + " }");

                        }

                    }

                    catch (Exception ex)

                    {

                        context.Response.Write("{\"status\": 0,\"msg\":\"" + ex.Message + "\"}");

                        context.Response.End();

                    }

            }

        }

        #endregion

DTCMS中部分IE8不支持webupload上传附件的控件，更改为ajaxfileupload的更多相关文章

vue上传大文件控件
文件上传是 Web 开发肯定会碰到的问题,而文件夹上传则更加难缠.网上关于文件夹上传的资料多集中在前端,缺少对于后端的关注,然后讲某个后端框架文件上传的文章又不会涉及文件夹.今天研究了一下这个问题,在 ...
AutoIt上传非input控件方式的文件脚本
AutoIt目前最新是v3版本,这是一个使用类似BASIC脚本语言的免费软件,它设计用于Windows GUI(图形用户界面)中进行自动化操作.它利用模拟键盘按键,鼠标移动和窗口/控件的组合来实现自动 ...
Net上传附件大小控控值(转)
Server Error 404 – File or directory not found. The resource you are looking for might have been rem ...
文件上传（FileUpload控件）
asp.net 文件上传,大文件上传. 新建一个asp.net页面,在工具栏里拖入 FileUpload 上传控件.一个按钮 Button ! ! ! 进入Button事件 //- ...
IE8/9 JQuery.Ajax 上传文件无效
IE8/9 JQuery.Ajax 上传文件有两个限制: 使用 JQuery.Ajax 无法上传文件(因为无法使用 FormData,FormData 是 HTML5 的一个特性,IE8/9 不支持) ...
springmvc学习笔记--支持文件上传和阿里云OSS API简介
前言: Web开发中图片上传的功能很常见, 本篇博客来讲述下springmvc如何实现图片上传的功能. 主要讲述依赖包引入, 配置项, 本地存储和云存储方案(阿里云的OSS服务). 铺垫: 文件上传是 ...
mvc文件上传支持批量上传，拖拽以及预览，文件内容校验等
使用bootstrap-fileinput 使用方式: 1.nuget:Install-Package bootstrap-fileinput 2.语言本地化{下载fileinput_locale_z ...
.net core版文件上传/ 支持批量上传，拖拽以及预览，bootstrap fileinput上传文件
asp.net mvc请移步 mvc文件上传支持批量上传,拖拽以及预览,文件内容校验本篇内容主要解决.net core中文件上传的问题开发环境:ubuntu+vscode 1.导入所需要的包:n ...
JavaEE开发之SpringMVC中的自定义消息转换器与文件上传
上篇博客我们详细的聊了<JavaEE开发之SpringMVC中的静态资源映射及服务器推送技术>,本篇博客依然是JavaEE开发中的内容,我们就来聊一下SpringMVC中的自定义消息转发器 ...

随机推荐

mysql 分布式事务
php + mysql 分布式事务事务(Transaction)是访问并可能更新数据库中各种数据项的一个程序执行单元: 事务应该具有4个属性:原子性.一致性.隔离性.持续性原子性(atomicit ...
Jquery Validate根据其他元素的事件来触发单个元素的异步校验
场景:在做一个车辆信息管理模块,而车牌是通过车牌颜色和车牌号码来确定唯一性的,录入车牌信息时需对车牌进行唯一性校验.
假设用一个名为text的字符串向量存放文本文件的数据，其中的元素或者是一句话或者是一个用于表示段分隔的空字符串。将text中第一段全改为大写形式
#include<iostream> #include<string> #include<vector> using namespace std; int main ...
Excel转换成PDF
public class Office2Pdf { public bool DOCConvertToPDF(string sourcePath, string targetPath) { //Stre ...
spring源码分析之spring-web web模块分析
0 概述 spring-web的web模块是更高一层的抽象,它封装了快速开发spring-web需要的基础组件.其结构如下: 1. 初始化Initializer部分 1.1 Servlet3.0 的 ...
[转] 详解http和https的作用与区别
PS: https就是http和TCP之间有一层SSL层,这一层的实际作用是防止钓鱼和加密.防止钓鱼通过网站的证书,网站必须有CA证书,证书类似于一个解密的签名.另外是加密,加密需要一个密钥交换算法, ...
HTTP,TCP/IP,Socket
HTTP:超文本传输协议,首先它是一个协议,并且是基于TCP/IP协议基础之上的应用层协议. TCP/IP协议是传输层协议,主要解决数据如何在网络中传输,HTTP是应用层协议,主要解决如何包装数据. ...
Starship Troopers
Problem Description You, the leader of Starship Troopers, are sent to destroy a base of the bugs. Th ...
Calendar Game
http://poj.org/problem?id=1082 Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 4820 A ...
NODE编程（二）--异步编程技术
在Node世界里流行两种响应逻辑管理方式,回调和事件监听. 回调通常用来定义一次性响应的逻辑.比如对于数据的查询,可以指定一个回调函数来确定如何处理查询结果. 事件监听器,本质上也是一个回调,不同的是 ...

DTCMS中部分IE8不支持webupload上传附件的控件，更改为ajaxfileupload

DTCMS中部分IE8不支持webupload上传附件的控件，更改为ajaxfileupload的更多相关文章

随机推荐

热门专题