// ==UserScript== // @name 免Flash文件上传 // @name:en Upload without Flash // @namespace https://greasyfork.org/zh-CN/users/605474 // @version 1.0 // @description 无需调用Flash，从课程平台上传附件，不必为了传作业多装一个浏览器！ // @description:en No need to call Flash, upload accessories from the course platform, do not have to make multiple browsers for the homework! // @author Ziu // @match *://cc.bjtu.edu.cn:81/* // @match *://cc.bjtu.edu.cn:81/meol/common/hw/student/write.jsp?hwtid=* // @icon https://gitee.com/ziuc/utool-filebed/raw/master/20210514-231824-0795.png // @require https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js // @require https://cdn.bootcdn.net/ajax/libs/jquery/1.7.2/jquery.min.js // @grant none // @license MIT // @downloadURL none // ==/UserScript== (function() { 'use strict'; let index = 0; let oloaded = 0; let ot = 0; let orestTime = 0; let frontTag = "
  • 上传作业
    • "; let uploadBox = '

    📁文件上传📄

    （文件最大上传1024M）

    ' let uploadBtn = '上传  '; let emptyBtn = '清空'; // 外部DOM操作 $('#tmenu').append(frontTag); $('.infotable>tbody>tr:contains("请输入你的答案")').after(uploadBox); // 动效 $('#inputDiv').mouseenter(function (){$('#inputDiv').css('background-color','#87bd04');$('#textShow').css('color','#e7e8e0')}); $('#inputDiv').mouseleave(function (){$('#inputDiv').css('background-color','#c6f062');$('#textShow').css('color','#5c6b77')}); // 文件选择前事件监听 $('#inputDiv').click(function (){$('#currentFile').trigger('click');}); $('#currentFile').change(fileChangedByInput); function fileChangedByInput(){ let filelist = $('#currentFile')[0].files; // 缓存区展示 $('#inputDiv').hide(); // 隐藏上传框 $('#filenames, #buttonDiv').empty(); // 先清空 再插入 let sizeType = getSizeType(filelist); for(let i=0;i📄  |  '+item.file.name+' ('+item.sizeType.size+item.sizeType.type+')'+'  |  ⚡'; $('#filenames').append(fileObject); } // 文件选择后外部DOM插入 $('#buttonDiv').append(uploadBtn); $('#buttonDiv').append(emptyBtn); // 文件选择后事件监听 $('#emptyTrigger').click(function (){$('#currentFile').val('');$('#filenames, #buttonDiv').empty();$('#inputDiv').show();}); $('#uploadTrigger').click(function (){ $('.deleteTrigger').remove(); // 移除按钮动效 sendFileMsg(); function sendFileMsg(){ if(index >= filelist.length){ // 递归结束 $('#currentFile').val(''); // 文件清空 $('#uploadTrigger').css('cursor','not-allowed'); // 上传按钮动效 index = 0; // 递归条件置零 return // 结束递归 } let formData = new FormData(); formData.append('Filename', filelist[index].name); formData.append('Filedata', filelist[index]); let xReq = new XMLHttpRequest(); xReq.open('POST','http://cc.bjtu.edu.cn:81/meol/servlet/SerUpload'); xReq.addEventListener("load", onSuccess); xReq.addEventListener("error", onError); // xReq.addEventListener("progress", onProgress); xReq.upload.onprogress = onProgress; xReq.upload.onloadstart = onStart; xReq.send(formData); function onProgress(evt){ // 进度计算 let percentage; percentage = (evt.loaded * 100 / evt.total).toFixed(0); // 速度计算 let nt = new Date().getTime(); // 获取当前时间 let perTime = (nt-ot)/1000; // 计算出上次调用该方法时到现在的时间差，单位为s ot = new Date().getTime(); //重新赋值，用以下次计算 let perLoad = evt.loaded - oloaded; // 计算该分段上传的文件大小，单位b oloaded = evt.loaded; // 重新赋值，用以下次计算 let speed = perLoad/perTime; // 单位 B/s let bspeed = speed; let Sunits = 'B/s'; if(speed/1024>1){ speed = speed/1024; Sunits = 'KB/s' } if(speed/1024>1){ speed = speed/1024; Sunits = 'MB/s'; } speed = speed.toFixed(1); // 时间计算 文件>100MB触发 if(evt.total>104857600){ let restTime = ((evt.total-evt.loaded)/bspeed).toFixed(0); if(Math.abs(orestTime-restTime)<3){ // 缓动函数 restTime = orestTime } // 更新文件缓存区 $('#timeRemainTh'+index).html('  |  🕒'+restTime+'秒'); } // 更新文件缓存区 $('#fileTh'+index).css('background-size',percentage+'%'); $('#speedTh'+index).html('  |  ⚡'+speed+Sunits); } function onStart(){ ot = new Date().getTime(); // 设置上传开始时间 oloaded = 0; // 设置上传开始时，以上传的文件大小为0 } function onSuccess(){ // 插入编辑器操作 let myiframe = document.getElementsByTagName('iframe')[1].contentDocument; let textArea = myiframe.getElementsByClassName('cke_show_borders'); let constructor = '

    '+filelist[index].name+'

    ' $(textArea).append(constructor); // 处理缓存区操作 $('#speedTh'+index).html('  |  ✅'); $('#speedTh'+index).attr('title','[已上传]'); $('#fileTh'+index).css('background','#c6f062'); // 递归操作 index++; sendFileMsg(); // alert('上传成功'); } function onError(){ alert('上传失败'); } } }) } function getSizeType(filelist){ let sizeType = []; for(let item of filelist){ let sizeTypeTMP = {}; if(item.size<1000000){ sizeTypeTMP.size = (item.size/1024).toFixed(2); sizeTypeTMP.type = 'KB'; sizeType.push(sizeTypeTMP); } else if(item.size>1000000&&item.size<1000000000){ sizeTypeTMP.size = (item.size/1048576).toFixed(2); sizeTypeTMP.type = 'MB'; sizeType.push(sizeTypeTMP); } } return sizeType } })();