TP5视频上传,商城增加视频上传功能

开发用的newshop商城,需要做个视频上传的功能,下载了文件上传的插件

首先引入插件的JS

TP5视频上传,商城增加视频上传功能_第1张图片
6.png

然后在需要添加的html页面加上标签

接下来在这面下方写JS

其中up方法:

TP5视频上传,商城增加视频上传功能_第2张图片
11.jpg

上传

上传按钮:

 

onClick的方法是SubmitProductInfo,所以在JS中找到这个方法,

TP5视频上传,商城增加视频上传功能_第3张图片
QQ图片20170607224129.png

接来下找到红框的方法,那是获取添加的所有信息,把添加的视频获取的信息获取到:

TP5视频上传,商城增加视频上传功能_第4张图片
9.png
TP5视频上传,商城增加视频上传功能_第5张图片
QQ截图20170607224543.jpg

找到Ajax的url对应的方法,在里面添加上视频的信息:

TP5视频上传,商城增加视频上传功能_第6张图片
10.jpg

注:代码和图中有些是没有加验证的,项目后期已经加上了,这些只是调试用。

你可能感兴趣的:(TP5视频上传,商城增加视频上传功能)