文档章节

uploadify 上传文件并带有随机数文件名生成

夕阳依旧
 夕阳依旧
发布于 2016/12/08 14:48
字数 260
阅读 6
收藏 0
<!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 runat="server">
    <title></title>
    <script type="text/javascript" src="/jscss/jquery-1.9.1.min.js"></script>
    <link rel="stylesheet" href="../../js/uploadify.css" type="text/css" />
    <script type="text/javascript" src="../../js/swfobject.js"></script>
    <script type="text/javascript" src="../../js/jquery.uploadify.js"></script>
    <script language="javascript" type="text/javascript">
        
        var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];

	    function generateMixed(n) {
		     var res = "";
		     for(var i = 0; i < n ; i ++) {
			     var id = Math.ceil(Math.random()*35);
			     res += chars[id];
		     }
		     return res;
	    }



        $(function () {
            $('#uploadify').uploadify({
                'swf': '../../Upload/uploadify.swf',
                'uploader': '/user/PanoEditor/PanoSetting.ashx',
                'fileObjName': 'Filedata',
                'queueID': 'fileQueue',
                'formData': { 'key': 'upImg', 'panoId': '<%=Request.QueryString["pid"]%>', 'sceneID': '<%=Request.QueryString["sid"] %>','fileNumName': generateMixed(12) },
                'auto': false,
                'fileSizeLimit': '0',
                'onUploadError': function (file, errorCode, errorMsg, errorString) {
                    alert('The file ' + file.name + ' could not be uploaded: ' + errorMsg);
                },1. 这里是列表文本
                'onUploadComplete': function (file) {
                    parent.hotSpot.hotImg = 
                },
                'onUploadProgress': function (file, bytesUploaded, bytesTotal, totalBytesUploaded) {
                    //$("#divFix").html(bytesUploaded + "/" + totalBytesUploaded);
                }
            });
        });

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="file" name="uploadify" id="uploadify" />
        <div id="fileQueue">
        </div>
        <div class="upld">
            <ul>
                <li class="up"><a href="javascript:$('#uploadify').uploadify('upload','*')">上传</a></li>
                <li class="cel"><a href="javascript:$('#uploadify').uploadify('cancel','*')">取消上传</a></li>
            </ul>
        </div>
    </div>
    </form>
</body>
</html>
`

© 著作权归作者所有

共有 人打赏支持
夕阳依旧
粉丝 0
博文 15
码字总数 8245
作品 0
海淀
程序员
Uploadify上传文件中文文件名乱码 Java

Uploadify是个很好的上传文件组件,但用它来上传带有中文名字的文件时,乱码一个不小心就蹦了出来,最新版本Uploadify v3.2 在用的时候,我页面是GBK编码,想到后台接收的时候肯定会乱码,开...

Hyacinth_Yuan
2015/10/26
0
0
强大的jquery上传插件SWF版Uploadify参数详解

强大的jquery上传插件SWF版Uploadify参数详解 说到Uploadify,不用说网络上很多人都在用,这可是个非常强大的上传插件,但遗憾的是的其html5版是收费的,5刀,需要的可以去其官方网站下载。屌...

u010246789
2016/09/23
0
0
JQuery上传插件Uploadify使用详解及错误处理

上面的代码就简单实现了上传的功能,依靠函数uploadify实现,uploadify函数的参数为json格式,可以对json对象的key值的修改来进行自定义的设置,如multi设置为true或false来控制是否可以进行...

商者
2016/07/15
10
0
使用uploadify实现文件上传

使用uploadify实现文件上传 导入需要的js,css等文件 添加uploadify.jsp文件 //代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String p......

风中帆
2015/09/06
5.1K
0
文件上传~Uploadify上传控件

对于文件上传来说,有很多种实现方式,如传统的表单方式,现在流行的flash方式,甚至还有纯JS方式,之所以有这些方式来实现文件上传,我想主要原因是因为,传统的上传对于大文件支持不够,因为它是单...

mcy247
2017/12/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java JDK动态代理

本篇随笔是对java动态代理中的JDK代理方式的具体实现。 首先需要定义一个接口,为其定义了两个方法:   public interface UserService { public void add(); public void delete(); } 然后需...

编程SHA
10分钟前
0
0
轻松理解Dubbo分布式服务框架

Dubbo是什么? Dubbo是一个分布式服务框架,致力于提供高性能和透明化的RPC远程服务调用方案,以及SOA服务治理方案。简单的说,dubbo就是个服务框架,如果没有分布式的需求,其实是不需要用的...

别打我会飞
18分钟前
0
0
TypeScript基础入门之JSX(一)

转发 TypeScript基础入门之JSX(一) 介绍 JSX是一种可嵌入的类似XML的语法。 它旨在转换为有效的JavaScript,尽管该转换的语义是特定于实现的。 JSX在React框架中越来越受欢迎,但此后也看到了...

durban
43分钟前
0
0
JavaScript使用原型判断对象类型

1. constructor属性 在JavaScript创建对象(二)——构造函数模式中,我们说过可以使用对象的constructor属性判断对象的类型:p1.constructor === Person,可能当时就有细心的读者会想,我们...

Bob2100
44分钟前
1
0
10-《深度拆解JVM》JVM是怎么实现invokedynamic的?(下)

一、问题引入 上回讲到,为了让所有的动物都能参加赛马,Java 7 引入了 invokedynamic 机制,允许调用任意类的“赛跑”方法。不过,我们并没有讲解 invokedynamic,而是深入地探讨了它所依赖...

飞鱼说编程
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部