蓝月亮

jt

2021-06-10 5d0d028456874576560552f5a5c4e8b801786f11

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
refrence1:http://www.36ria.com/demo/gal/gallery/form/1.2/demo/form/uploader/index.html
refrence2:http://butterfly.36ria.com/1.3/demo/form/uploader/imageUploader.html
 
<div style=" padding:100px;">
    <a id="J_UploaderBtn" href="#upload"> 选择要上传的文件 </a>
    <ul id="J_UploaderQueue"></ul>
</div>
 
<script src="/common/js/kissy/kissy.min.js" type="text/javascript"></script>
<script type="text/javascript">
    KISSY.config({packages: [{name: "gallery",path: "/common/js/kissy/", charset: "utf-8"}]});
    KISSY.use('gallery/form/1.3/uploader/index', function (S, RenderUploader) {
        var ru = new RenderUploader('#J_UploaderBtn', '#J_UploaderQueue', {
            serverConfig: { //服务器端配置
                action: "http://localhost:28329/common/page/upload.aspx"//处理上传的服务器端脚本路径
            },
            name: "Filedata",// 文件域
            urlsInputName: "fileUrls" //用于放服务器端返回的url的隐藏域
        });
            
        ru.on("init", function (ev) {
            var uploader = ev.uploader;
            uploader.on('render', function (ev) {
                alert('上传组件准备就绪！');
            });
            uploader.on('select', function (ev) {
                var files = ev.files;
                alert('选择了' + files.length + '个文件');
            });
            uploader.on('start', function (ev) {
                var index = ev.index, file = ev.file;
                alert('开始上传,文件名：' + file.name + '，队列索引为：' + index);
            });
            uploader.on('progress', function (ev) {
                var file = ev.file, loaded = ev.loaded, total = ev.total;
                alert('正在上传,文件名：' + file.name + '，大小：' + total + '，已经上传：' + loaded);
            });
            uploader.on('success', function (ev) {
                var index = ev.index, file = ev.file;
                //服务器端返回的结果集
                var result = ev.result;
                alert('上传成功,服务器端返回上传方式：' + result.type);
            });
            uploader.on('complete', function (ev) {
                var index = ev.index, file = ev.file;
                //服务器端返回的结果集
                var result = ev.result;
                alert('上传结束,服务器端返回上传状态：' + result.status);
            });
            uploader.on('error', function (ev) {
                var index = ev.index, file = ev.file;
                //服务器端返回的结果集
                var result = ev.result;
                alert('上传失败,错误消息为：' + result.msg);
            });
            uploader.on('add', function (ev) {
                var queue = ev.queue;
                var file = ev.file;
                alert('队列添加文件！文件名为：' + file.name);
            });
            uploader.on('remove', function (ev) {
                var queue = ev.queue;
                alert('队列删除文件！文件索引值：' + ev.index);
                alert('队列中的文件数为：' + queue.get('files').length);
            });
        })
    });
</script>
 
 
 
var e1 = "{\"status\":0,\"message\":\"图片过大！\"}";
var s1 = "{\"status\":1,\"type\":\"" + Page.Request["type"] + "\",\"data\":{\"name\":\"minghe.jpg\",\"url\":\"www.36ria.com/minghe.jpg\"}}";
 
var path = Server.MapPath("/files/");
Request.Files[0].SaveAs(path + Request.Files[0].FileName);
 
Response.Write(s1);
Response.End();