• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

文件批量上传组件分享(C#asp.netAjax)上传图片

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

在很多系统里,上传附件是非常重要的一个功能,些功能是接口方式开发的,系统集成非常方便,只需要简单实现接口,相关配制,页面引入相关脚本。

  1.  接口定义
  2. public interface IMultiFilesInterface
    {
        MultiFileEntity Insert(HttpPostedFile file, string folder, string modulName, string tableIndentityId);
        void DeleteByFileId(int FileId);
        List<MultiFileEntity> GetListBy(string module, string tableIdentityId);
    }
  3. 自行实现实现接口
  4. 配制文件
  5.     <configSections>
            <section name="castle" type="Castle.Windsor.Configuration.AppDomain.CastleSectionHandler, Castle.Windsor"/>        
        </configSections>
        <castle>
            <components>
                <component id="IMultiFilesInterface" service="MultiFilesUpload.Plugins.MultiFilesUpload.IMultiFilesInterface, MultiFilesUpload" type="你的实现类, 组件名(dll名)"/>
            </components>
        </castle>
  6. 页面插入代码
    引入相关脚本,和样式
    <script src="Plugins/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="Plugins/MultiFilesUpload/jquery.uploadify.v2.1.4.min.js" type="text/javascript"></script>
    <link href="Plugins/MultiFilesUpload/uploadify.css" rel="stylesheet" type="text/css" />
    <script src="Plugins/MultiFilesUpload/swfobject.js" type="text/javascript"></script>
    <link href="Plugins/MultiFilesUpload/multifilesupload.css" rel="stylesheet" type="text/css" />
    <script src="Plugins/MultiFilesUpload/multifilesupload.js" type="text/javascript"></script>
    脚本:
     $(document).ready(function() {
                MulFileUploadifyInit(
                {
                    'ModuleName': "News",
                    'TableIdentityId': "abcidoaere123adf",
                    'ULID': "ShowListPic",
                    'UpdateLoadFloader': "/upload/projectfiles/",
                    'UploadFileControlId': "File1",
                    'UploadFileQuensId': "Div1"
                });


                MulFileUploadifyInit(
                {
                    'ModuleName': "project",
                    'TableIdentityId': "123",
                    'ULID': "ShowListPic",
                    'UpdateLoadFloader': "/upload/projectfiles/",
                    'UploadFileControlId': "File2",
                    'UploadFileQuensId': "Div2"
                });
            });      
    页面代码:

     

    <div>    
            <input >
            </div>
        </div>
     

     

     


  7. 效果
    上传中。。。
     上传完。。

    点击删除

可以访问页面:http://www.hkideals.com/uploadtest.aspx  测试效果

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
ASP.NET Web API 数据验证发布时间:2022-07-10
下一篇:
【转】ASP.NET Windows用户认证发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap