最近学习起了C#,刚刚开始真的对ashx文件不知所以,后面发现这个用起来真的挺不错,看这篇文章的需要有一点的C#基础,怎么建项目这里我就不多说了,我这里在项目新建了两个文件夹,一个叫NewTest放了接口回调的文件,TestFile放了文件上传的文件(没有对里面文件命名,所以以文件夹名字区分),结构图如下所示,入口是WebForm1.aspx
(注意:这里使用了jQuery和Layui,别忘了在项目目录里面放入相关的这些文件并在aspx页面引入)
一、在项目目录建立好接收上传文件的文件夹:\WebApplication1\TestFile\UploadFiles,然后我们编写WebForm1.aspx页面,这里我采用动态加载上传组件,点击了第一个才会显示上传功能
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.TestFile.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>上传测试</title>
<link rel="stylesheet" href="layui/css/layui.css" />
<script type="text/javascript" src="jq/jquery.min.js"></script>
<script type="text/javascript" src="layui/layui.js"></script>
</head>
<body>
<div class="layui-form">
<button id = "btn1" >按钮测试-显示上传</button>
<button id = "btn2" >按钮测试-测试接口</button>
<div class="layui-upload" id = "uploadXMJCFJDiv">
</div>
</div>
</body>
<script type="text/javascript">
var upload;
var uploadListIns;
$(document).ready(function () {
//上传
$("#btn1").click(function () {
alert("按钮btn1-初始化上传组件");
createParentUpload(1); //tzId请忽略,这是测试参数
});
//接口
$("#btn2").click(function () {
var jsonString = '{"DJName":"单据名称","DJID":"111","DJRemark":"这个是测试单据","DJContent":["FILE1","FILE2"]}';
console.log("按钮btn2-测试接口-假数据jsonString