parent
01771b1c50
commit
0187942f49
@ -0,0 +1,37 @@
|
||||
const AV = require("../lib/av-live-query-weapp-min")
|
||||
|
||||
class File extends AV.Object{
|
||||
get url(){
|
||||
return this.get("url");
|
||||
}
|
||||
set url(value){
|
||||
this.set("url", value);
|
||||
}
|
||||
get fileid(){
|
||||
return this.get("fileid");
|
||||
}
|
||||
set fileid(value){
|
||||
this.set("fileid", value);
|
||||
}
|
||||
get class(){
|
||||
return this.get("class");
|
||||
}
|
||||
set class(value){
|
||||
this.set("class", value);
|
||||
}
|
||||
get filename(){
|
||||
return this.get("filename");
|
||||
}
|
||||
set filename(value){
|
||||
this.set("filename", value);
|
||||
}
|
||||
get uploader(){
|
||||
return this.get("uploader");
|
||||
}
|
||||
set uploader(value){
|
||||
this.set("uploader", value);
|
||||
}
|
||||
}
|
||||
|
||||
AV.Object.register(File, "File_");
|
||||
module.exports = File;
|
||||
@ -0,0 +1,203 @@
|
||||
// pages/classdetail/classdetail.js
|
||||
const AV = require("../../lib/av-live-query-weapp-min")
|
||||
const File = require("../../model/file")
|
||||
const Class = require("../../model/class")
|
||||
const { jsonify } = require('../../utils/leancloudutils');
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
class: null,
|
||||
pic_urls: [],
|
||||
data: {
|
||||
files:[]
|
||||
},
|
||||
|
||||
preview_pic:function(event){
|
||||
wx.showLoading({
|
||||
title: '加载中',
|
||||
})
|
||||
fileid = event.currentTarget.dataset.fileid;
|
||||
wx.previewImage({
|
||||
urls: [fileid],
|
||||
current: this.pic_urls,
|
||||
complete:wx.hideLoading
|
||||
})
|
||||
},
|
||||
del_file: function(event){
|
||||
|
||||
},
|
||||
download: function(event){
|
||||
console.log(event);
|
||||
fileid = event.currentTarget.dataset.fileid;
|
||||
wx.showLoading({
|
||||
title: '下载中',
|
||||
})
|
||||
wx.cloud.downloadFile({
|
||||
fileID: fileid,
|
||||
success: res => {
|
||||
// 返回临时文件路径
|
||||
console.log(res.tempFilePath);
|
||||
wx.openDocument({
|
||||
filePath: res.tempFilePath,
|
||||
success: function (res) {
|
||||
console.log('打开文档成功')
|
||||
},
|
||||
fail:console.error,
|
||||
complete:wx.hideLoading
|
||||
})
|
||||
// wx.saveFile({
|
||||
// tempFilePath: res.tempFilePath,
|
||||
// success(res) {
|
||||
// const savedFilePath = res.savedFilePath;
|
||||
// console.log(savedFilePath);
|
||||
// }
|
||||
// })
|
||||
|
||||
},
|
||||
fail: console.error
|
||||
})
|
||||
|
||||
},
|
||||
upload: function(event){
|
||||
console.log(event)
|
||||
pull_files = this.pull_files.bind(this);
|
||||
class_ = this.class;
|
||||
wx.showToast({
|
||||
title: '请选择聊天文件',
|
||||
icon:"none"
|
||||
})
|
||||
wx.chooseMessageFile({
|
||||
count: 1,
|
||||
success(res){
|
||||
const tempFile = res.tempFiles[0];
|
||||
const filename = tempFile.name;
|
||||
const filepath = tempFile.path;
|
||||
const cloudpath = tempFile.time+"/" + filename;
|
||||
console.log(res);
|
||||
wx.showLoading({
|
||||
title: '上传中',
|
||||
})
|
||||
wx.cloud.uploadFile({
|
||||
cloudPath: cloudpath,
|
||||
filePath: filepath,
|
||||
success: res => {
|
||||
// 返回文件 ID
|
||||
fileid = res.fileID;
|
||||
file = new File({
|
||||
filename: filename,
|
||||
class: class_,
|
||||
uploader: AV.User.current(),
|
||||
fileid: fileid
|
||||
}).save().then(()=>{
|
||||
wx.hideLoading();
|
||||
pull_files();
|
||||
wx.showToast({
|
||||
title: '上传成功',
|
||||
})
|
||||
},
|
||||
()=>{
|
||||
wx.hideLoading();
|
||||
wx.showToast({
|
||||
title: "上传失败",
|
||||
icon: "none"
|
||||
})
|
||||
}).catch(console.error);
|
||||
console.log(res.fileID);
|
||||
},
|
||||
fail: error=>{
|
||||
console.error(error);
|
||||
wx.hideLoading();
|
||||
wx.showToast({
|
||||
title: '上传失败',
|
||||
icon:"none"
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
pull_files:function(){
|
||||
query = new AV.Query("File_");
|
||||
query.equalTo("class", this.class);
|
||||
query.include("uploader");
|
||||
query.find().then(this.set_files);
|
||||
},
|
||||
set_files: function(files){
|
||||
files = files.map(file=>{
|
||||
uploader = file.get("uploader");
|
||||
file.set("uploader_name", uploader.get("name"));
|
||||
file.set("uploader_username", uploader.get("username"));
|
||||
filename = file.get("filename");
|
||||
if(filename.endsWith(".png") || filename.endsWith(".jpg")){
|
||||
file.set("ispic", true);
|
||||
this.pic_urls.push(file.get("fileid"));
|
||||
console.log(this.pic_urls);
|
||||
}else{
|
||||
file.set("ispic", false);
|
||||
}
|
||||
return file;
|
||||
})
|
||||
this.setData(jsonify({files}));
|
||||
console.log(this.data);
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
class_id = options.class_id;
|
||||
this.class = AV.Object.createWithoutData("Class_", class_id);
|
||||
this.pull_files();
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
this.pull_files();
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,4 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
<!--pages/classdetail/classdetail.wxml-->
|
||||
<!--pages/changeuser/changeuser.wxml-->
|
||||
<view class="container">
|
||||
<text>课堂资源</text>
|
||||
<view class="file-list form-wrap">
|
||||
<block wx:for="{{files}}" wx:for-item="file" wx:key="objectId">
|
||||
<image wx:if="{{file.ispic}}" src="{{file.fileid}}" bindtap="preview_pic" data-fileid="{{file.fileid}}"></image>
|
||||
<view class="file-item flex-wrap" bindtap="{{file.ispic?'preview_pic':'download'}}" data-fileid="{{file.fileid}}" data-id="{{file.objectId}}">
|
||||
<!--image wx:if="{{file.ispic}}" src="{{file.fileid}}"></image-->
|
||||
<text>{{file.filename}}</text>
|
||||
<text class="hint file-uploader">上传者:{{file.uploader_username}}</text>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view class="upload-file">
|
||||
<button type="primary" bindtap="upload">上传文件资源</button>
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,24 @@
|
||||
/* pages/classdetail/classdetail.wxss */
|
||||
.file-list{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 -12px
|
||||
}
|
||||
.file-item{
|
||||
background: white;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: 16rpx 16px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.file-item text{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.file-uploader{
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
button{
|
||||
margin: 10px 36px;
|
||||
}
|
||||
Loading…
Reference in new issue