TKCORE框架学习之入门篇（八）--上传控件

最新推荐文章于 2024-04-26 13:29:49 发布
最新推荐文章于 2024-04-26 13:29:49 发布
阅读量191 收藏
点赞数
分类专栏： TKcore 文章标签： mysql 数据库 c# 服务器 windows
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_36577202/article/details/114577163
版权

上传控件

上传控件是将本地文件上传到服务器。在服务端，对上传的文件通常会直接放在服务器的硬盘上，或者存入数据库中。现在由于云OSS服务器的兴起，当然也可以将上传的文件放入OSS服务器上。

Toolkit采用配置插件的方式来对上传到服务器的文件进行处理。当前系统内置了三种插件：一以二进制的方式存储到数据库中，二是文件形式存储在服务器上，三是文件形式上传到本地服务器上。当然，根据需要还可以开发出更多的插件，比如存储到七牛云，或者采用数据库和文件两种混合方式存储。

根据Toolkit的数据库定义规范，上传控件需要在数据表中定义的基础字段:

  1. FILE_NAME:文件名，数据库字段建议类型：varchar(255)
  2. SIZE:文件大小，数据库字段建议类型：int
  3. CONTENT_TYPE:MIME类型，数据库字段建议类型：varchar(100)
  4. FILE_PATH:文件路径(上传阿里云时为Url地址),数据库字段建议类型：varchar(255)
  5. CONTENT:根据上传文件的类型，如果上传数据不需保存至数据库，只保存至硬盘，此字段可以没有；如果是文本型，可以选用TEXT类型；如果是二进制类型，可以选用BLOB类型，在SQL SERVER中BLOB类型为IMAGE类型；如果采用系统默认的集中保存，这个字段是int，将是对应附件表的Id

存储到数据库中

  • 以这种方式上传图片，数据库设计需符合框架的规范：

      [PIC_FILE_NAME] varchar(255) 
  [PIC_FILE_SIZE] int  NULL
  [PIC_FILE_TYPE] varchar(100) 
  [PIC_FILE_PATH] varchar(255) 
  [PIC_FILE_ID] int

    在Xml/Data文件夹文件夹下的xml文件中按照如下方法使用：

      <tk:Field DataType="string" IsEmpty="false">
    <tk:FieldName>PIC_FILE_NAME</tk:FieldName>
    <tk:NickName>file_name</tk:NickName>
    <tk:DisplayName>
      <tk:Content>图片</tk:Content>
    </tk:DisplayName>
    <tk:Length>255</tk:Length>
    <tk:Layout Layout="PerLine" UnitNum="1"/>
    <tk:Control Control="Upload" Order="75" DefaultShow="Detail Update"/>
    <tk:ListDetail>
      <tk:DetailDisplay>
        <tk:UploadDisplay/>
      </tk:DetailDisplay>
    </tk:ListDetail>
    <tk:Upload ServerPathField="file_path" MimeTypeField="file_type" SizeField="file_size" ContentField="file_id" IsView="true" FileExt="jpg">
      <tk:DbUploadProcessor CacheFile="false"/>
    </tk:Upload>
  </tk:Field>
  <tk:Field DataType="int">
    <tk:FieldName>PIC_FILE_SIZE</tk:FieldName>
    <tk:NickName>file_size</tk:NickName>
    <tk:DisplayName>
      <tk:Content>导入文件大小</tk:Content>
    </tk:DisplayName>
    <tk:Layout Layout="PerUnit" UnitNum="1"/>
    <tk:Control Control="Hidden" Order="60" DefaultShow="All"/>
  </tk:Field>
  <tk:Field DataType="string">
    <tk:FieldName>PIC_FILE_TYPE</tk:FieldName>
    <tk:NickName>file_type</tk:NickName>
    <tk:DisplayName>
      <tk:Content>导入文件类型</tk:Content>
    </tk:DisplayName>
    <tk:Length>50</tk:Length>
    <tk:Layout Layout="PerUnit" UnitNum="1"/>
    <tk:Control Control="Hidden" Order="70" DefaultShow="All"/>
  </tk:Field>
  <tk:Field DataType="string">
    <tk:FieldName>PIC_FILE_PATH</tk:FieldName>
    <tk:NickName>file_path</tk:NickName>
    <tk:DisplayName>
      <tk:Content>导入文件路径</tk:Content>
    </tk:DisplayName>
    <tk:Length>255</tk:Length>
    <tk:Layout Layout="PerUnit" UnitNum="1"/>
    <tk:Control Control="Hidden" Order="80" DefaultShow="All"/>
  </tk:Field>
  <tk:Field DataType="int">
    <tk:FieldName>PIC_FILE_ID</tk:FieldName>
    <tk:NickName>file_id</tk:NickName>
    <tk:DisplayName>
      <tk:Content>导入文件ID</tk:Content>
    </tk:DisplayName>
    <tk:Length>255</tk:Length>
    <tk:Layout Layout="PerUnit" UnitNum="1"/>
    <tk:Control Control="Hidden" Order="80" DefaultShow="All"/>
  </tk:Field>

​ DbUploadProcessor标签

​ CacheFile:是否让浏览器缓存文件

上传到本地服务器

  • 以这种方式上传图片，数据库设计需符合框架的规范：

      [PIC_FILE_NAME] varchar(255) 
  [PIC_FILE_SIZE] int  NULL
  [PIC_FILE_TYPE] varchar(100) 
  [PIC_FILE_PATH] varchar(255)

    在Xml/Data文件夹文件夹下的xml文件中按照如下方法使用：

      <tk:Field DataType="string" IsEmpty="false">
    <tk:FieldName>PIC_FILE_NAME</tk:FieldName>
    <tk:NickName>file_name</tk:NickName>
    <tk:DisplayName>
      <tk:Content>图片</tk:Content>
    </tk:DisplayName>
    <tk:Length>255</tk:Length>
    <tk:Layout Layout="PerLine" UnitNum="1"/>
    <tk:Control Control="Upload" Order="75" DefaultShow="Detail Update"/>
    <tk:ListDetail>
        <tk:DetailDisplay>
        <tk:UploadDisplay/>
        </tk:DetailDisplay>
    </tk:ListDetail>
      <tk:Upload ServerPathField="file_path" MimeTypeField="file_type" SizeField="file_size" IsView="true" FileExt="jpg">
      <tk:FileUploadProcessor BaseUploadPath="MainUploadPath" BaseVirtualPath="MainVirtual"/>
      </tk:Upload>
  </tk:Field>
  <tk:Field DataType="int">
    <tk:FieldName>PIC_FILE_SIZE</tk:FieldName>
    <tk:NickName>file_size</tk:NickName>
    <tk:DisplayName>
      <tk:Content>导入文件大小</tk:Content>
    </tk:DisplayName>
    <tk:Layout Layout="PerUnit" UnitNum="1"/>
    <tk:Control Control="Hidden" Order="60" DefaultShow="All"/>
  </tk:Field>
  <tk:Field DataType="string">
    <tk:FieldName>PIC_FILE_TYPE</tk:FieldName>
    <tk:NickName>file_type</tk:NickName>
    <tk:DisplayName>
      <tk:Content>导入文件类型</tk:Content>
    </tk:DisplayName>
    <tk:Length>50</tk:Length>
    <tk:Layout Layout="PerUnit" UnitNum="1"/>
    <tk:Control Control="Hidden" Order="70" DefaultShow="All"/>
  </tk:Field>
  <tk:Field DataType="string">
    <tk:FieldName>PIC_FILE_PATH</tk:FieldName>
    <tk:NickName>file_path</tk:NickName>
    <tk:DisplayName>
      <tk:Content>导入文件路径</tk:Content>
    </tk:DisplayName>
    <tk:Length>255</tk:Length>
    <tk:Layout Layout="PerUnit" UnitNum="1"/>
    <tk:Control Control="Hidden" Order="80" DefaultShow="All"/>
  </tk:Field>

    FileUploadProcessor标签

    BaseUploadPath:上传的基地址，需要配置绝对路径(例如:C:/Project/Upload)，具体填写Host名称，需要在Application中配置

    BaseVirtualPath:虚拟基地址，具体填写Host名称，需要在Application中配置

    Application.xml的相关配置

      <tk:Hosts>
    <tk:Host Key="MainUploadPath" Value="C:/Project/Upload" />
    <tk:Host Key="MainVirtual" Value="~/Upload/" />
  </tk:Hosts>

上传到阿里云（需要引用YJC.Toolkit.AliyunOSS.dll）

  • 以这种方式上传图片，数据库设计需符合框架的规范：

      [PIC_FILE_NAME] varchar(255) 
  [PIC_FILE_SIZE] int  NULL
  [PIC_FILE_TYPE] varchar(100) 
  [PIC_FILE_PATH] varchar(255) 
  [PIC_FILE_ID] varchar(255)

    在Xml/Data文件夹文件夹下的xml文件中按照如下方法使用：

      <tk:Field DataType="string" IsEmpty="false">
    <tk:FieldName>PIC_FILE_NAME</tk:FieldName>
    <tk:NickName>file_name</tk:NickName>
    <tk:DisplayName>
      <tk:Content>图片</tk:Content>
    </tk:DisplayName>
    <tk:Length>255</tk:Length>
    <tk:Layout Layout="PerLine" UnitNum="1"/>
    <tk:Control Control="Upload" Order="75" DefaultShow="Detail Update"/>
      <tk:ListDetail>
      <tk:DetailDisplay>
        <tk:UploadDisplay/>
      </tk:DetailDisplay>
    </tk:ListDetail>
    <tk:Upload ServerPathField="file_path" MimeTypeField="file_type" SizeField="file_size" ContentField="file_id"  IsView="true" FileExt="jpg">
      <tk:AliyunOSSUploadProcessor/>
    </tk:Upload>
  </tk:Field>
  <tk:Field DataType="int">
    <tk:FieldName>PIC_FILE_SIZE</tk:FieldName>
    <tk:NickName>file_size</tk:NickName>
    <tk:DisplayName>
      <tk:Content>导入文件大小</tk:Content>
    </tk:DisplayName>
    <tk:Layout Layout="PerUnit" UnitNum="1"/>
    <tk:Control Control="Hidden" Order="60" DefaultShow="All"/>
  </tk:Field>
  <tk:Field DataType="string">
    <tk:FieldName>PIC_FILE_TYPE</tk:FieldName>
    <tk:NickName>file_type</tk:NickName>
    <tk:DisplayName>
      <tk:Content>导入文件类型</tk:Content>
    </tk:DisplayName>
    <tk:Length>50</tk:Length>
    <tk:Layout Layout="PerUnit" UnitNum="1"/>
    <tk:Control Control="Hidden" Order="70" DefaultShow="All"/>
  </tk:Field>
  <tk:Field DataType="string">
    <tk:FieldName>PIC_FILE_PATH</tk:FieldName>
    <tk:NickName>file_path</tk:NickName>
    <tk:DisplayName>
      <tk:Content>导入文件路径</tk:Content>
    </tk:DisplayName>
    <tk:Length>255</tk:Length>
    <tk:Layout Layout="PerUnit" UnitNum="1"/>
    <tk:Control Control="Hidden" Order="80" DefaultShow="All"/>
  </tk:Field>
  <tk:Field DataType="string">
    <tk:FieldName>PIC_FILE_ID</tk:FieldName>
    <tk:NickName>file_id</tk:NickName>
    <tk:DisplayName>
      <tk:Content>导入文件内容信息</tk:Content>
    </tk:DisplayName>
    <tk:Length>255</tk:Length>
    <tk:Layout Layout="PerUnit" UnitNum="1"/>
    <tk:Control Control="Hidden" Order="80" DefaultShow="All"/>
  </tk:Field>

    采用AliyunOSSUploadProcessor标签

    上传阿里云的基础配置在Xml文件夹下的AliyunOSS.xml文件：

    <?xml version="1.0" encoding="utf-8"?>
<tk:Toolkit version="1.0" xmlns:tk="http://www.qdocuments.net" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.qdocuments.net schema\v5\AliyunOSS.xsd">
  <tk:AliyunOSS DefaultBucketName="" TempBucketName="" UseAliyunUploadMode="true">
    <tk:Config>
      <tk:Normal AccessKeyId="" AccessKeySecret="" EndPoint="oss-cn-hangzhou.aliyuncs.com"/>
    </tk:Config>
  </tk:AliyunOSS>
</tk:Toolkit>

    DefaultBucketName:上传的BucketName

    TempBucketName:上传的临时BucketName，这个需要和DefaultBucketName不一样的BucketName创建一个

    UseAliyunUploadMode：临时文件是否直接上传到阿里云，默认是false

    AccessKeyId：阿里云AccessId

    AccessKeySecret:阿里云AccessSecret

    EndPoint:阿里云EndPoint (例如:oss-cn-hangzhou.aliyuncs.com)

关于TKCore的更多信息请点击：http://www.tkcore.net

关注微信公众号获取TKCore最新资讯：

在这里插入图片描述

TkCore
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
文件上传控件
10-18
支持多文件上传，兼容多浏览器，不依赖于flash,完整demo
Element 上传控件
像一阵风
03-18 219
Element上传控件可以只作为获取文件的途径 文件格式的上传，需要配合表单 <el-upload class="upLoad-box" :limit="1" ref="upLoad" action :show-file-list="false" :auto-upload="false" :on-change="handleChange...
uploader上传控件
YaTou_BuKu的博客
11-09 585
必备文档css： <link href="/Scripts/js/webuploader/webuploader.css" rel="stylesheet" /> 必备文档js：<script src="/Scripts/js/webuploader/webuploader.min.js"></script> <script src="/Scripts/js/MyFileInput.2.js" type="text/javascr...
QQ邮箱上传控件
08-05
QQ邮箱上传控件软件，运行环境：win7系统
[Vue] 写一个简单的文件上传控件
web全栈开发的博客
04-21 641
​这篇将介绍如何写一个简单的基于Vue+Element的文件上传控件。 先看效果 控件将具有 1. 上传队列的列表，显示文件名称，大小等信息，可以显示上传进度实时刷新 2. 取消上传 使用Element的uploader控件，上传文件的行为和样式不用自己全部实现，使代码简化。且有足够的扩展性，文件传输请求的代码可以基于axios完全自己重写。我们只用关心核心代码。 先分享一款实用前端面试题库小程序 手机刷题收藏以后用的上 微信搜索 MST题宝库 搭...
AngularJS 文件上传控件 ng-file-upload详解
10-20
主要介绍了AngularJS 文件上传控件 ng-file-upload详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Delphi-控件实现NTP客户端校时功能
05-06
Delphi-控件实现NTP客户端校时功能Delphi-控件实现NTP客户端校时功能Delphi-控件实现NTP客户端校时功能Delphi-控件实现NTP客户端校时功能Delphi-控件实现NTP客户端校时功能Delphi-控件实现NTP客户端校时功能Delphi-...
swift-基于WKWebView控件上跨平台框架
08-14
基于WKWebView控件上跨平台框架，相对于UIWebView控件跨平台占用内存少，体验好，且完美解决登录Cookies同步共享
VS2005入门视频教程-073.导航控件-menu.rar
07-09
不敢夸口本系列多了不起,但至少敢保证你看完本系列,再做完每个小结的测试,你入门是绝对没有问题的!做一个简单的网站是绝对可以的!祝愿大家能够尽快进入.net 2.0的世界。也希望本教程能够帮助你更好的学习。教程出处...
VS2005入门视频教程-071.导航控件-概述.rar
07-09
不敢夸口本系列多了不起,但至少敢保证你看完本系列,再做完每个小结的测试,你入门是绝对没有问题的!做一个简单的网站是绝对可以的!祝愿大家能够尽快进入.net 2.0的世界。也希望本教程能够帮助你更好的学习。教程出处...
文件上传ActiveX控件
03-23
通过ActiveX方式上传多文件到web server
html5多图上传控件
08-12
html5 文件上传，配置简单，jquery插件非学常好用，直接从代码库拉下来的，有兴趣的朋友可以下载!
第16章、上传控件
jianghuiquan的专栏
05-23 1085
第16章、上传控件 【知识要点】 　　（１）上传控件FileUpload 　　（２）Server.MapPath（）方法 【问题提出】 　　无论电子邮件附件上传还是网站产品图片上传，都是一项基本的应用，我们如何实现？ 　　 【在线指导】 　　如果在ASP年代，文件上传那个时候还真是一个拦路虎，不过到了ASP.NET，我们已经够幸福了，微软已经将之作为一个标准控件提供给我们
自定义上传控件实现
ZeroJsus的技术黑板
11-15 325
FileReader 对象 存档 方便以后拿来即用 可以集成 canvas图片裁剪进行实现 &lt;input type="file" value="提交" id="file"&gt; &lt;button id="btn"&gt;上传图片并预览&lt;/button&gt; input{ display: none; } button{ outline: none; bo
图片批量上传控件
朝立的博客
08-27 1112
http://www.17sucai.com/pins/5962.html
前端大文件上传控件
weixin_45525177的博客
01-18 221
HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation of HTTP)的建议已经提出。(5)无状态：HTTP协议是无状态协议。前言：因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传，而自己对java文件上传这一块未接触过，且对 Http 协议较模糊，故这次采用渐进的方式来学习文件上传的原理与实践。
在EasyUI项目中使用FileBox控件实现文件上传处理
书写人生
02-11 3906
使用EasyUI的控件FileBox的前端处理和后端C#代码，从而实现了文件的AJax处理操作，实现较好的体验和功能实现。
大文件上传控件webupload插件
weixin_52041354的博客
08-17 242
第二步：调用RandomAccessFile的getChannel()方法，打开文件通道 FileChannel，这块逻辑可以优化，如果以后有分布式存储需求，可以改为分布式存储，减轻单台服务器的压力。/** * 文件在服务器中的相对路径。示例：/www/web/upload/md5.exe *//** * 数字化的文件长度。// /// 是否是文件夹中的子文件 /// ...
Mysql_数据库事务
最新发布
weixin_69252724的博客
04-26 1191
事务就是由单独单元的一个或多个sql语句组成，在这个单元中，每个sql语句都是相互依赖的。而整个单独单元是作为一个不可分割的整体存在，类似于化学当中的原子（一种不可分割的最小单位）。往通俗的讲就是，事务就是一个整体，里面的内容要么都执行成功，要么都不成功。不可能存在部分执行成功而部分执行不成功的情况。就是说如果单元中某条sql语句一旦执行失败或者产生错误，那么整个单元将会回滚(返回最初状态)。
<!--listView自定义控件-->
06-13
好的，我了解了你的问题。ListView 自定义控件可以实现一些特定的功能和效果，比如可以自定义每个列表项的布局、添加分割线、添加头部和尾部等。下面是一些常用的 ListView 自定义控件： 1. SwipeMenuListView：可以实现向左滑动显示菜单的效果。 2. PinnedHeaderListView：可以实现列表项悬停在顶部的效果。 3. PullToRefreshListView：可以实现下拉刷新的效果。 4. ExpandableListView：可以实现可展开的列表。 5. SlideExpandableListView：可以实现向右滑动显示子项的效果。 6. DragSortListView：可以实现拖拽排序的效果。 当然，还有很多其他的 ListView 自定义控件，可以根据实际需求进行选择和使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TkCore

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值