你的位置:首页 > 软件开发 > ASP.net > mvc实现上传视频预览

mvc实现上传视频预览

发布时间:2016-11-22 17:00:06
上个项目中用到了上传视频,本来打算用百度的webuploader做的,但是webuploader可能有个毛病就是不能上传太大的东西。于是乎,只能换个方法做了啊,看了半天最终决定用传统的uploaderfile来做。顺便吐槽下uploaderfile真的是,和webuploader ...

上个项目中用到了上传视频,本来打算用百度webuploader做的,但是webuploader可能有个毛病就是不能上传太大的东西。

于是乎,只能换个方法做了啊,看了半天最终决定用传统的uploaderfile来做。顺便吐槽下uploaderfile真的是,和webuploader相比完全是有点复杂啊

OK回到正题,这个uploaderfile最为重要的个人感觉就是引用--一般情况下要注意引用的顺序,要先引用jq.min而且是只能引用一次,不然就会报错,笔者之前用的模板就有一个引用,然后又引用了一次也是非常的吃瘪啊。

要想成功的使用webuploaderfile需要引用4个东西算上jq需要有5个

mvc实现上传视频预览

引用成功后到下一步就是网页的布局问题--需要一些布局

<tr id="aa1">      <td>        上传视频      </td>      <td>        <div style="margin-top:20px;text-align:left;">          <span>请上传:</span>          <span style='color:blue;'>(只支持,'mp4')</span>        </div>        <div style="margin-top:10px;">          <form action="" name="" enctype="multipart/form-data">            <input id="upload" type="file" name="files" class="upinput" param1="xxx" />          </form>        </div>        <div id="progress" style="width:200px;margin-bottom:10px;">          进度条:<div class="bar" style="width: 0%;"></div>        </div>        <!-- 预览框: -->        <div class="preview"></div>      </td>    </tr>

原标题:mvc实现上传视频预览

关键词:上传

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。