zoukankan      html  css  js  c++  java
  • 【续一】觉得蛋疼的上传控件

    上一篇 觉得蛋疼的上传控件

    今天改写了全部代码,耗时又耗精力,可以升级控件咯。没有做太多的功能改动,只是觉得之前只能适用于页面只有一个控件的情况下,如果一个页面可以多用几个控件多好。

    先果断上图:

    页面中展现了使用四个控件的情况。

    示例代码如下:

    <html>
    <head>
    <title>
    拖拽+单击上传个人照片或LOGO
    </title>

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/jquery.dacupload-1.2.0.js"></script>
    <script>
    $(document).ready(function () {
    $('#LOGO_PHOTO_0').DACUpload({
    IsShow: false,
    IsEdit: false,
    Height: '230',
    Width: '230',
    UploadUri: '@ViewBag.apiUri',//上傳的路徑
    DownloadUri: '@ViewBag.DownLoadUri',//下載的路徑
    MaxLoadSize: '@ViewBag.AttachmentMaxLoadSize',//上傳大小限制
    FilePath: '@ViewBag.DownLoadUri' + 'TueJul142009125225GMT0800595284imagejpeg.jpg',//示例顯示圖片
    Language: 'zh_TW', //多語系設置,目前只有三種:zh_CN zh_TW en_US
    });

    $('#LOGO_PHOTO_1').DACUpload({
    IsShow: true,
    IsEdit: true,
    Height: '230',
    Width: '230',
    UploadUri: '@ViewBag.apiUri',//上傳的路徑
    DownloadUri: '@ViewBag.DownLoadUri',//下載的路徑
    MaxLoadSize: '@ViewBag.AttachmentMaxLoadSize',//上傳大小限制
    FilePath: '@ViewBag.DownLoadUri' + 'TueJul142009125225GMT0800595284imagejpeg.jpg',//示例顯示圖片
    Language: 'zh_TW', //多語系設置,目前只有三種:zh_CN zh_TW en_US
    });

    $('#LOGO_PHOTO_2').DACUpload({
    IsShow: false,
    IsEdit: true,
    Height: '230',
    Width: '230',
    UploadUri: '@ViewBag.apiUri',//上傳的路徑
    DownloadUri: '@ViewBag.DownLoadUri',//下載的路徑
    MaxLoadSize: '@ViewBag.AttachmentMaxLoadSize',//上傳大小限制
    FilePath: '@ViewBag.DownLoadUri' + 'TueJul142009125225GMT0800595284imagejpeg.jpg',//示例顯示圖片
    Language: 'zh_TW', //多語系設置,目前只有三種:zh_CN zh_TW en_US
    });

    $('#LOGO_PHOTO_3').DACUpload({
    IsShow: true,
    IsEdit: false,
    Height: '230',
    Width: '230',
    UploadUri: '@ViewBag.apiUri',//上傳的路徑
    DownloadUri: '@ViewBag.DownLoadUri',//下載的路徑
    MaxLoadSize: '@ViewBag.AttachmentMaxLoadSize',//上傳大小限制
    FilePath: '@ViewBag.DownLoadUri' + 'TueJul142009125225GMT0800595284imagejpeg.jpg',//示例顯示圖片
    Language: 'zh_TW', //多語系設置,目前只有三種:zh_CN zh_TW en_US
    });

    });
    </script>
    </head>
    <body>
    <div id="LOGO_PHOTO_0" style="margin-left:100px;float:left;"></div>
    <div id="LOGO_PHOTO_1" style="margin-left:100px;float:left;"></div>
    <div id="LOGO_PHOTO_2" style="margin-left:100px;float:left;"></div>
    <div id="LOGO_PHOTO_3" style="margin-left:100px;float:left;"></div>
    </body>
    </html>

     今天就修改到这里吧,明天继续完善,同时完善文档。期望这个控件更加的稳定。

     (:

  • 相关阅读:
    mybatis plus使用redis作为二级缓存
    netty无缝切换rabbitmq、activemq、rocketmq实现聊天室单聊、群聊功能
    netty使用EmbeddedChannel对channel的出入站进行单元测试
    记jdk1.8中hashmap的tableSizeFor方法
    Cannot find class: BaseResultMap
    windows下远程访问Redis,windows Redis绑定ip无效,Redis设置密码无效,Windows Redis 配置不生效,Windows Redis requirepass不生效,windows下远程访问redis的配置
    学习记录
    eclipse的注释
    转:聊聊同步、异步、阻塞与非阻塞
    点滴笔记(二):利用JS对象把值传到后台
  • 原文地址:https://www.cnblogs.com/liuhong1happy/p/3956267.html
Copyright © 2011-2022 走看看