标签：视频 name data item 小视频 file 上传 response

  为什么做小视频？ 快手，抖音，小红书都是我们熟知的小视频。小视频的诞生 可以获取更多的流量。   .py
class Upload_img(APIView): #kindeditor上传方法 def post(self,request): item = {} file = request.FILES.get('file')
orderno = datetime.datetime.now()
orderno = str(orderno).replace('-','').replace(' ','').replace(':','').replace('.','')
file1 = orderno+file.name
file_name = request.POST.get('name','未获取到参数') print(file_name) f = open(os.path.join(UPLOAD_ROOT,'',file1),'wb')
item['message'] = '上传成功' item['url'] = '/upload/'+ file1 item['error'] = 0
rideo = News(name=file1,firstvideo_url=item['url']) rideo.save()

#写文件 遍历文件流 for chunk in file.chunks(): f.write(chunk) return HttpResponse(json.dumps(item,ensure_ascii=False),content_type='application/json')           .vue   <li> <label>上传视频</label> <center> <input type="file" @change="getFile($event)" /><button @click="upload">上传</button> </center> <div>{{ result }}</div> <div v-show="uping==1">正在上传中</div> </li>    
<script>
import d2 from './d2.vue'
//导入jquery import $ from 'jquery'

export default { data () { return { msg: "这是一个变量", dataList:[], clicked:0, upath: '', result: '', uping:0 } }, components: { 'v-header': d2 }, mounted:function(){ let test = $('#test').html(); console.log(test); //绑定父类盒子 $("#my_box").on("click",".newBtn",this.my_click_two); }, methods:{ upload: function () { var name = this.username; // alert(name); //进行初始化传参 let局部变量           let param = new URLSearchParams();           //将参数传递给对象 param.append('name',name); var zipFormData = new FormData(); zipFormData.append('file', this.upath);
//filename是键，file是值，就是要传的文件 let config = { headers: { 'Content-Type': 'multipart/form-data' } }; this.uping = 1; this.$http.post('http://localhost:8000/bash_admin_user/uploadmp4', zipFormData,config).then(function (response) { console.log(response); console.log(response.data); this.uping = 0; this.result = response.data; //绑定播放地址 this.$refs.video.src = response.data.url; }); }, getFile: function (even) { this.upath = event.target.files[0]; },
} }


</script>

标签：视频,name,data,item,小视频,file,上传,response
来源： https://www.cnblogs.com/chengdongzi/p/10810420.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。