基于file上传文件的并发上传（多个文件一起上传到后台并把数据存储的同一条数据中，如 数据库字段videopath，imge。前台发送来的文件file1，file2。 videopath=file1，...

最新推荐文章于 2022-05-07 16:06:27 发布
最新推荐文章于 2022-05-07 16:06:27 发布
阅读量178 收藏
点赞数
文章标签： 数据库 javascript json ViewUI
原文链接：http://www.cnblogs.com/ws-yizhiduxiu/p/6340575.html
版权

前台代码：

    <div class="tab-content">
        <dl>
            <dt>所属栏目</dt>
            <dd>
                <div class="rule-single-select">
                    <select id="ddlCategoryId">
                        <option value="0">所有栏目</option>
                    </select>
                </div>
            </dd>
        </dl>
        <dl>
            <dt>推荐类型</dt>
            <dd>
                <div class="rule-multi-checkbox">
                    <span id="checkboxs">
                        <input type="checkbox" class="checked" id="PL" /><label>允许评论</label><input type="checkbox"
                            class="checked" id="ZD" /><label>置顶</label><input type="checkbox" class="checked"
                                id="TJ" /><label>推荐</label><input type="checkbox" class="checked" id="JY" /><label>只限局域网访问</label></span>
                </div>
            </dd>
        </dl>
        <dl>
            <dt>文章标题</dt>
            <dd>
                <asp:TextBox ID="txtTitle" runat="server" CssClass="input normal" datatype="*2-100"
                    sucmsg=" " />
                <span class="Validform_checktip">*标题最多100个字符</span>
            </dd>
        </dl>
        <dl>
            <dt>发布时间</dt>
            <dd>
                <div class="input-date">
                    <asp:TextBox ID="txtAddTime" runat="server" CssClass="input date" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"
                        datatype="/^\s*$|^\d{4}\-\d{1,2}\-\d{1,2}\s{1}(\d{1,2}:){2}\d{1,2}$/" errormsg="请选择正确的日期"
                        sucmsg=" " />
                    <i>日期</i>
                </div>
                <span class="Validform_checktip">不选择默认当前发布时间</span>
            </dd>
        </dl>
        <dl>
            <dt>分享到上级单位</dt>
            <dd>
                <a class="clickShow hover checkBoxBtn" href="javascript:void(0);" title="">选择单位</a><span
                    class="Validform_checktip">说明：[新闻将分享到所勾选的单位(显示在接入单位信息公开新闻栏目中]</span>
                <div class="artShare_CheckBox">
                    <label class="artShare_checkAll">
                        <input type="checkbox" name="checkAll" /><span class="text">全选</span></label>
                    <ul class="artShare_List unitlist clearfix">
                    </ul>
                </div>
            </dd>
        </dl>
        <dl>
            <dt>转发到其它栏目</dt>
            <dd>
                <a class="clickShow hover checkBoxBtn" href="javascript:void(0);" title="">选择栏目</a><span
                    class="Validform_checktip">说明：[可在其他栏目中展示该新闻，可直接放置于一级栏目下]</span>
                <div class="artShare_CheckBox">
                    <label class="artShare_checkAll">
                        <input type="checkbox" name="checkAll" /><span class="text">全选</span></label>
                    <ul class="artShare_leaveOneList">
                    </ul>
                </div>
            </dd>
        </dl>
    </div>
    <div class="tab-content" style="display: none">
        <dl>
            <dt>链接类型</dt>
            <dd>
                <div class="single-select">
                    <div class="boxwrap">
                        <a class="select-tit" href="javascript:;"><span>本文页面</span><i></i></a>
                        <div class="select-items artEdit_urlTypeBox">
                            <ul>
                                <li class="selected" data-id="0">本文页面</li>
                                <li data-id="1">其他页面</li>
                                <li data-id="2">文件地址</li>
                            </ul>
                        </div>
                        <i class="arrow"></i>
                    </div>
                </div>
                <span class="articleURL_input" style="display: none;">
                    <input type="text" id="txtCallIndex" class="input normal" />
                    <span class="Validform_checktip">*别名访问，非必填，不可重复</span></span><span class="articleUpload"><input type="file" class="file1" name="file1"/></span> <span class="Validform_checktip">
                            说明：[1.本文页面:点击标题在详情页面查看内容;2.其他页面:点击标题打开的是链接页面;3.文件地址:点击标题直接下载文件]</span>
            </dd>
        </dl>
        <dl>
            <dt>封面图片</dt>
            <dd>
               <span><input type="file" class="file2" name="file2"/></span><span class="Validform_checktip">说明：[图片(可选)为图片新闻封面，尺寸宽度不能大于900像素,上传图片后请在内容中添加该图片，才能保证新闻内容与新闻封面图片一致]</span>
            </dd>
        </dl>
        <dl class="contentdata">
            <dt>内容描述</dt>
            <dd>
                <%-- 在线编辑器--%>
                <input type="hidden" id="ContentText" runat="server" class="contentServer" />

                <script id="editor" type="text/plain" name="ueContent" style="width: 99%; height: 350px;"></script>

            </dd>
        </dl>
        <iframe id="file_upload_return" hidden="true" name="file_upload_return"></iframe><!--用于获取表单返回的值-->
    </div>

js代码需要先构造一个form表单，把所有数据添加到构造的form中。代码如下：

//添加文章
function AddArticle() {
    var tmp = {};
    tmp.xj_MenuId = $("#ddlCategoryId option:selected").val();
    if ($("#PL").prop("checked")) {
        tmp.is_Msg = 1;
    }
    else {
        tmp.is_Msg = 0;
    }
    if ($("#ZD").prop("checked")) {
        tmp.is_Top = 1;
    }
    else {
        tmp.is_Top = 0;
    }
    if ($("#TJ").prop("checked")) {
        tmp.is_Red = 1;
    }
    else {
        tmp.is_Red = 0;
    }
    if ($("#JY").prop("checked")) {
        tmp.xj_IsLocalNet = 1;
    }
    else {
        tmp.xj_IsLocalNet = 0;
    }
    tmp.xj_RelayMenu = "";
    $(".artShare_leaveOneList").find(".artShare_Item input").each(function() {
        if ($(this).prop("checked")) {
            if (tmp.xj_RelayMenu == "") {
                tmp.xj_RelayMenu += $(this).val();
            }
            else {
                tmp.xj_RelayMenu += "," + $(this).val();
            }
        }
    });
    tmp.xj_EduEnable = ""
    $(".unitlist").find(".artShare_Item input").each(function() {
        if ($(this).prop("checked")) {
            if (tmp.xj_EduEnable == "") {
                tmp.xj_EduEnable += $(this).val();
            }
            else {
                tmp.xj_EduEnable += "," + $(this).val();
            }
        }
    });
    tmp.xj_Title = $("#txtTitle").val();
    tmp.LinkType = $(".artEdit_urlTypeBox").find(".selected").attr("data-id");
    if (tmp.LinkType == 0) {
        tmp.xj_Content = UE.getEditor('editor').getContent();
        if (tmp.xj_Content == "") {
            jsprint("文章内容不能为空", '', 'Error');
            return false;
        }
    }
    if (tmp.LinkType == 1) {
        tmp.TitleLink = $("#txtCallIndex").val();
        if (tmp.TitleLink == "") {
            jsprint("文章链接不能为空", '', 'Error');
            return false;
        }
    }
    tmp.xj_AddTime = $("#txtAddTime").val();
    if (tmp.xj_AddTime == "") {
        jsprint("添加时间不能为空", '', 'Error');
        return false;
    }
    if (tmp.xj_Title == "") {
        jsprint("文章标题不能为空", '', 'Error');
        return false;
    }
    if (tmp.xj_MenuId == 0 || tmp.xj_MenuId == 1) {
        jsprint("栏目选择不正确（如“├ * * *  *“）", '', 'Error');
        return false;
    }
    var pams = [];
    pams.push($('<input>', { name: 'MenuId', value: tmp.xj_MenuId }));
    pams.push($('<input>', { name: 'Msg', value: tmp.is_Msg }));
    pams.push($('<input>', { name: 'Title', value: tmp.xj_Title }));
    pams.push($('<input>', { name: 'AddTime', value: tmp.xj_AddTime }));
    if (tmp.LinkType == 1) {
        pams.push($('<input>', { name: 'TitleLink', value: tmp.TitleLink }));
    }
    if (tmp.LinkType == 0) {
        pams.push($('<input>', { name: 'Content', value: tmp.xj_Content }));
    }
    if (tmp.LinkType == 2) {
        var file1 = $(".file1").val();
        if (file1 == "") {
            jsprint("文件不能为空", '', 'Error');
            return false;
        }
    }
    pams.push($('<input>', { name: 'LinkType', value: tmp.LinkType }));
    pams.push($('<input>', { name: 'EduEnable', value: tmp.xj_EduEnable }));
    pams.push($('<input>', { name: 'RelayMenu', value: tmp.xj_RelayMenu }));
    pams.push($('<input>', { name: 'Top', value: tmp.is_Top }));
    pams.push($('<input>', { name: 'Red', value: tmp.is_Red }));
    pams.push($('<input>', { name: 'IsLocalNet', value: tmp.xj_IsLocalNet }));
    pams.push($('<input>', { name: 'op', value: "add_edit_article" }));
    pams.push($('<input>', { name: 'state', value: "Add" }));
    pams.push($('<input>', { name: 'navName', value: navName }));
    var imgfile = $(".file2").val();
    if (imgfile == "") {
        jsprint("封面图不能为空", '', 'Error');
        return false;
    }
    var turnForm = document.createElement("form");
    $('<form>', {
        target: 'file_upload_return',
        method: 'post',
        enctype: "multipart/form-data",
        action: '/Ajax/Manage.ashx'
    }).append(pams).append($(".file1")).append($(".file2")).submit();
    $("#file_upload_return").load(function() {//获取iframe中的内容
        var body = $(window.frames['file_upload_return'].document.body);
        var data = JSON.parse(body[0].textContent);
        if (data.status) {
            jsprint(data.msg, '/Admin/School/Article_list.aspx', 'Sucess');
            return false;
        }
        jsprint(data.msg, '', 'Error');
        return false;
    });
}

一般处理程序处理数据：

 private void Add_Edit_Artice()
        {
            string xj_MenuId = cnt.Request["MenuId"];
            string is_Msg = cnt.Request["Msg"];
            string xj_Title = cnt.Request["Title"];
            string xj_AddTime = cnt.Request["AddTime"];
            string TitleLink = cnt.Request["TitleLink"];
            string xj_Content = cnt.Request["Content"];
            string LinkType = cnt.Request["LinkType"];
            string xj_EduEnable = cnt.Request["EduEnable"];
            string xj_RelayMenu = cnt.Request["RelayMenu"];
            string is_Top = cnt.Request["Top"];
            string is_Red = cnt.Request["Red"];
            string xj_IsLocalNet = cnt.Request["IsLocalNet"];
            string state = cnt.Request["state"];
            string navName = cnt.Request["navName"];
           
            if (!ChkAdminLevel(navName, state))
            {
                cnt.Response.Write(JsonHelper.SerializeObject(new { status = false, msg = "你无权限操作" }));
                return;
            }
            if (string.IsNullOrEmpty(xj_Title))
            {
                cnt.Response.Write(JsonHelper.SerializeObject(new { status = false, msg = "文章标题不能为空" }));
                return;
            }
            if (string.IsNullOrEmpty(xj_AddTime.ToString()))
            {
                cnt.Response.Write(JsonHelper.SerializeObject(new { status = false, msg = "文章添加时间不能为空" }));
                return;
            }
            if (int.Parse(LinkType) == 1)
            {
                if (string.IsNullOrEmpty(TitleLink))
                {
                    cnt.Response.Write(JsonHelper.SerializeObject(new { status = false, msg = "文章标题链接不能为空" }));
                    return;
                }
            }
            if (int.Parse(LinkType) == 0)
            {
                if (string.IsNullOrEmpty(xj_Content))
                {
                    cnt.Response.Write(JsonHelper.SerializeObject(new { status = false, msg = "文章内容不能为空" }));
                    return;
                }
                string key = "";
                if (KeywordsHelper.CheckKeywords(xj_Content, out  key))
                {
                    cnt.Response.Write(JsonHelper.SerializeObject(new { status = false, msg = "关键词含有非法字符”" + key + "“" }));
                    return;
                }
            }
            try
            {
                XinjianSoft.Web.BLL.web_News bll = new XinjianSoft.Web.BLL.web_News(); string relativePath = "";
                XinjianSoft.Web.Model.web_News model = new XinjianSoft.Web.Model.web_News();
                HttpFileCollection fileCollection = cnt.Request.Files;//获取客户端传来的文件六流
                if (state == "Add")
                {
                    if (int.Parse(is_Msg) == 1)
                    {
                        model.is_Msg = true;
                    }
                    else
                    {
                        model.is_Msg = false;
                    }
                    if (int.Parse(is_Red) == 1)
                    {
                        model.is_Red = true;
                    }
                    else
                    {
                        model.is_Red = false;
                    }
                    if (int.Parse(is_Top) == 1)
                    {
                        model.is_Top = true;
                    }
                    else
                    {
                        model.is_Top = false;
                    }
                    if (int.Parse(xj_IsLocalNet) == 1)
                    {
                        model.xj_IsLocalNet = true;
                    }
                    else
                    {
                        model.xj_IsLocalNet = false;
                    }
                    model.LinkType = int.Parse(LinkType);
                    model.NewsState = "0";
                    if (LinkType == "1")
                    {
                        model.TitleLink = TitleLink;
                    }
                    model.xj_AddTime = DateTime.Now;
                    model.xj_AddUserId = usermodel.xj_UserName.ToString();
                    model.xj_Author = usermodel.xj_UserName;
                    if (LinkType == "0")
                    {
                        model.xj_Content = xj_Content;
                    }
                    model.xj_EduEnable = xj_EduEnable;
                    model.xj_Enable = 0;
                    model.xj_Hits = 1;
                    model.xj_id = Guid.NewGuid();
                    model.xj_MenuId = new Guid(xj_MenuId);
                    model.xj_RelayMenu = xj_RelayMenu;
                    model.xj_Sort = 0;
                    model.xj_Sources = navName;
                    model.xj_Title = xj_Title;
                    model.xj_UnitId = usermodel.UnitID;
                    model.xj_TrendsShow = false;
                    if (fileCollection.Count == 0)
                    {
                        //未接收到文件
                        //防止发生异常
                        cnt.Response.Write(JsonHelper.SerializeObject(new { status = false, msg = "你未选中任何图片" }));
                        return;
                    }
                    var file1 = fileCollection["file1"];
                    var file2 = fileCollection["file2"];
                    if (file1 != null)
                    {
                        //服务器段相对路径,上传到相册所在的文件夹下
                        relativePath = "/Upload/ArtcleFile/" + usermodel.xj_UserName + "/" + DateTime.Now.ToString("yyyyMM");
                        string strpath = UploadImg(fileCollection["file1"], relativePath);//获得文件存储路径
                        if (strpath == "")
                        {
                            cnt.Response.Write(JsonHelper.SerializeObject(new { status = false, msg = "保存图片发生异常" }));
                            return;
                        }
                        model.TitleLink = strpath;
                    }
                    if (file2 != null)
                    {
                        //服务器段相对路径,上传到相册所在的文件夹下
                        relativePath = "/Upload/ArtcleImage/" + usermodel.xj_UserName + "/" + DateTime.Now.ToString("yyyyMM");
                        string strpath = UploadImg(fileCollection["file2"], relativePath);//获得文件存储路径
                        if (strpath == "")
                        {
                            cnt.Response.Write(JsonHelper.SerializeObject(new { status = false, msg = "保存图片发生异常" }));
                            return;
                        }
                        model.xj_PhotoUrl = strpath;
                    }
                    if (bll.Add(model))
                    {
                        cnt.Response.Write(JsonHelper.SerializeObject(new { status = true, msg = "保存成功" }));
                        return;
                    }
                    cnt.Response.Write(JsonHelper.SerializeObject(new { status = false, msg = "保存失败" }));
                    return;
                }
            }
            catch (System.Exception ex)
            {
                cnt.Response.Write(JsonHelper.SerializeObject(new { status = false, msg = ex.Message }));
                return;
            }
        }

 

转载于:https://www.cnblogs.com/ws-yizhiduxiu/p/6340575.html

山清水秀iOS
关注
vue3 - 使用element-plus组件库el-upload上传超大mp4视频分片上传，Upload上传大文件mp4视频进行切片分段上传到后端服务器教程，vue3如何上传很大的视频（详细示例代码
高级前端工程师
03-08 4975
vue3，element plus，el-upload，Upload上传组件，java分片上传，springboot，vue3+springboot大文件分段传递，大视频分段上传，vue3详细分片上传视频教程，使用element-plus上传组件如何实现大文件分片分段上传到服务器，vue3+element 分片上传 分片下载功能实现，大文件分片上传，vue3如何实现特别大的文件分批切片上传并且带进度条，上传进度条，封装el-upload大文件分片上传、断点续传组件，断点续传，vue3把一个大视频分成多个小片
Python爬虫如何将数据存储到SQLServer数据库中
weixin_46278707的博客
09-18 4791
Python如何将爬取数据存储到数据库中 第一步 ：导入第三方模块pymssql 安装命令：python -m pip install pymssql 安装地址：https://www.lfd.uci.edu/~gohlke/pythonlibs/ 注：MySQL 使用pymysql库 第二步 ：不说太多，直接上代码 注意：需要提前写好数据库 只需要修改红框部分，修改后看进行传值进行调试 import requests import re import pymssql headers={ '
多文件同时上传实现方法
diandian82的专栏
02-01 804
// ASPX FILE      多文件上传        function addFile()    {     var str =      document.getElementById(MyFile).insertAdjacentHTML("beforeEnd",str)    }                          多文件上传                 
java 附件上传和表单数据库_上传文件和表单数据 怎样把上传文件和其他数据，在同一个表单提交...
weixin_35126737的博客
02-27 582
Java中上传文件和表单数据提交如何质莸过往之后，无论你遇见再多优秀的男子，听到多少句小编爱你，也不及那个人给你的拥抱来的深沉。//1.form表单 //注：上传文件的表单，需要将form标签设置enctype="multipart/form-data"属性，意思是将Content-Type设置成multipart/form-data //2.servlet实现文件接收的功能 boolean is...
java实现多文件上传并保存到数据库
only红塔山
07-25 1万+
好久没有写博客了，今天项目里需要一个功能，即前台实现多图片上传列表，并后台保存到mysql中。前台后台一起弄，用了半天时间终于搞定了。 实现：前台Layui实现；后台servlet+hibernate 不多废话，先上图 前台实现主要是用的layui框架，框架本身提供多文件上传列表，但是没有查看的功能，我自己实现了图片查看的功能，核心代码如下： &lt;div class="lay...
实现多文件上传且文件位置任意，所有文件的名字保存在数据库中的一个字段中，不分开保存，文件名之间以字符/间隔
每天八杯水的博客
05-07 657
前面写了多文件上传，但是没有改进，上一个方法必须要让每一个文件input标签对应一个数据库字段，也就是说上传多少个文件就要创建多少个数据库的字段，非常的不合理，这里改进一下，数据库中只设置一个字段，所有文件的名字保存在这一个字段中。 只有以下代码不同可参考上一篇多文件上传文章的完整代码： Web后端—带文件和文本数据的form表单，使用Ajax的FormData获取表单数据上传到servlet，后端调用写的工具类FormPostUtil接收文件文本数据，最后存储到数据库中。_酒鬼...
Thinkphp多文件上传实现方法
12-19
多文件上传的原理在于，当浏览器提交包含`<input type="file" name="foo[]" />`的表单时，服务器端的`$_FILES['foo']`将是一个数组，包含了所有上传的文件信息。通过遍历这个数组，我们可以逐个处理上传的文件。 ...
如何在C#中将上传视频的文件路径存储为数据库字段？
最新发布
10-26
在C#中，如果你想将上传视频的文件路径存储到数据库字段，通常你会使用字符串类型来保存文件路径，因为文件路径本质上是一个字符串。这通常涉及到以下几个步骤： 1. **连接数据库**：首先，你需要通过ADO.NET、...
java实现MinIO文件上传，并将视频文件截图，将视频封面及视频通过MinIo上传到服务器中
weixin_43748936的博客
04-01 7547
java实现MinIO文件上传，并将视频文件截图，将视频封面及视频通过MinIo上传到服务器中配置完毕，接下来开始代码编写。说明 总过程分为两步。 1.配置MinIO的环境。 2.代码编写。 下面开始配置MinIO的环境。 （1）导入依赖 <dependency> <groupId>io.minio</groupId> <artifactId>minio</artifactId>
Java高并发读写文件
玻璃心的专栏
11-10 1万+
在实际的项目中我们经常会与遇到操作文件的情况，这是很常见的，但是我们在实际中用传统的I/O操作不能满足我们项目的需要并且对文件的写特别慢，操作比较麻烦。那么我们怎么样实现呢？最近在项目中我们遇到了高并发的事情，我是这样操作的。利用JavaNIO实现非阻塞式的读写，通过锁机制完成高并发下的文件的操作。public void run() { File file = new File("/
java读取txt文件，预处理判断并且大批量上传到数据库
军军的博客
02-13 524
此为个人做笔记使用，不多废话，看代码 package com.de.demo; import java.io.BufferedReader; import java.io.File; import java.io.FileReader; import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.S...
记一次多文件上传到FTP遇到的线程并发问题
weixin_43301156的博客
04-18 1492
问题发生的直观描述：在通过layui多文件上传插件用异步的方式上传多张图片文件至ftp时出现文件有的成功，有的失败。完全随机的。 debug结论：在FtpClient.storeFile()时报connect is not open 的IO异常有的还有connect closed when copying. 出现的原因：Fileinput会同时请求后端的upload接口，然而FtpUtil里面...
使用FileUpload上传文件并向数据库插入一条记录
Finder_Way
08-28 1284
<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConflictDetection="CompareAllValues" ConnectionString="" 　 InsertComma
读取上传的File文件内容
weixin_44310899的博客
08-24 1247
//java 读取文件的内容 public static String readFileContent(String fileName) { File file = new File(fileName); BufferedReader reader = null; StringBuffer sbf = new StringBuffer(); try { reader = new BufferedReader(ne
一个form表单中，上传和接收多个相同的name字段参数
热门推荐
Mark技术之家
12-21 3万+
一般我们在同一个表单中，都会提交不同的name字段。可是，我遇到了提交相同字段的情况，例子如下：<form action="test_receive.php" method="post"> <div> <p>第一个人</p> 姓名：<input type="text" name="name[]" /> 年龄：<input type="text"
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值