手动导入文件数据到数据库

手动导入文件数据到数据库中需要基于上期的手动导入文字数据到数据库中。

手动导入文件数据到数据库
手动导入文件数据到数据库
定义文件上传的方法步骤:
1、 定义一个文件上传方法:public ActionResult UpEeditorFile(HttpPostedFileBase file){ 判断代码;}
2、 申明需要使用的类: ReturnJson msg = new ReturnJson(); msg.State = false;
3、 判断上传的文件是否为空 if (file != null) { 上传文件不为空时继续下一步操作(获取和创建文件名称);上传文件为空时,使用 msg.Text 提示用户"上传的文件为空的文件"; }
4、 检查上传文件的路径是否存在,不存在就创建
5、 判断创建的文件类型的准确性
手动导入文件数据到数据库
手动导入文件数据到数据库
添加文件按钮的点击事件 : 获取到存放文件div的位置,给其添加点击事件

< div style=“display: none”> //文件上传表单源代码
< form id=“formEditorFile” method=“post” enctype=“multipart/form-data” action=“文件上传路径”>
< input type=“file” name=“file” class=“form-control” οnchange=“funUpEeditorFile()” />
< /form>
< /div>
function openUpEeditorFile() { //添加文件
$(" #formEditorFile input[type=‘file’]").click();
}

拓展:
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。
multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时,必须使用该值。

选择需要的图片文件:

function funUpEeditorFile() {
$("#formEditorFile").ajaxSubmit(function (data) {
if (data.State) {
var str = $("#textContent").html();
str += data.Text;
$("#textContent").html(str);
} else {
layer.msg(data.Text, { icon: 0, skin: “layui-layer-molv” });
}
});
}

使用onchange事件将需要的图片文件信息再次提交到文件上传表单中的input标签中。
手动导入文件数据到数据库