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