编写项目时,在新增数据的时候,有一些地方会要求我们上传图片,通过图片来使我们所要上传的数据更加完善。下文就对图片上传进行讲解。
本文使用的开发工具是 :Visual Studio 2019
主要的开发语言有 :C# , javajscript , jquery
使用的框架 :layui
在讲解之前,我们先把样式写好,一个按钮和一个form表单。
<button class="btn btn-outline-primary" onclick="openUpEeditorFile()">添加图片</button>
<div id="textContent" class="file" contenteditable="true"></div>
@*文件上传表单*@
<div style="display: none">
<form id="formEditorFile"
action="/ExamQuesManagement/ManualImport/UpEeditorFile"//连接控制器的链接
method="post" enctype="multipart/form-data">
<!--enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。-->
<!--multipart/form-data 不对字符编码。-->
<!--在使用包含文件上传控件的表单时,必须使用该值。-->
<input type="file" name="file" class="form-control"
onchange="funUpEeditorFile()" />
</form>
</div>
样式如下:
写完样式后,我们给按钮添加一个点击事件。
//1.0 添加文件 选择需要图片文件
function<