MVC-Layui上传视频模块,点击上传出现请求接口出现异常

这两天用layui做了个视频列表demo,遇到的一些问题,总结如下:

1.layui怎么把视频类型传参到后台

MVC-Layui上传视频模块,点击上传出现请求接口出现异常

先做个上传按钮 ,然后在js引入upload元素

 MVC-Layui上传视频模块,点击上传出现请求接口出现异常

请先参考layui文档做好配置:https://www.layui.com/doc/

url:指向你的接口,我用c# mvc,所以这里是→ /控制器/方法,的意思

accept:接受类型,不写的话默认图片类型,视频必须写上video类型

size:设置能接收的文件大小,这里需注意只能小于等于web配置文件设置的大小

 MVC-Layui上传视频模块,点击上传出现请求接口出现异常

 2.这里还需注意一个问题,完成以上步骤之后,还提示请求接口出现异常,那就是web配置有问题,默认配置文件上传大小为4mb。(网上总结而来)

需要修改web.config里面的httpRuntime的maxRequestLength大小,并且加上system.webServer这部分

<httpRuntime maxRequestLength="204800" executionTimeout="200" enable="true" />

 <system.webServer>
    <security>
      <requestFiltering>
        <requestLimits maxAllowedContentLength="209715200" />
      </requestFiltering>
    </security>
  </system.webServer>

 

MVC-Layui上传视频模块,点击上传出现请求接口出现异常

 需要注意的一点是,图中红线部分大小要一致,我这里设置的都是200mb

完成以上设置就可以正常传参了~

之后如果发布到iis视频不能播放的话,请参考这个前辈的文章→https://blog.****.net/wangzl1163/article/details/51242692