×

linux find find命令 f

Linux系统find命令应用?如何通过js完成多个文件的上传

admin admin 发表于2022-07-13 00:26:37 浏览104 评论0

抢沙发发表评论

Linux系统find命令应用


一.find命令
    基本格式:find path expression
    1.按照文件名查找
    (1)find / -name
    2.实例 
  (1)grep ’test’ d*  #显示所有以d开头的文件中包含 test的行
  (2)grep ‘test’ aa bb cc    #显示在aa,bb,cc文件中包含test的行
  (3)grep ‘\{5\}’ aa   #显示所有包含每行字符串至少有5个连续小写字符的字符串的行
  (4)grep magic /usr/src  #显示/usr/src目录下的文件(不含子目录)包含magic的行
  (5)grep -r magic /usr/src  #显示/usr/src目录下的文件(包含子目录)包含magic的行
  (6)grep -w pattern files :只匹配整个单词,而不是字符串的一部分(如匹配’magic’,而不是’magical’),

如何通过js完成多个文件的上传


HTML5 file组件的新属性
accept : 如果在file组件中增加这个属性就可以直接控制上传的文件类型了,实在是很方便。
multiple:是否允许选择多个文件
HTML5 页面代码修改后
《img width=“400“ height=“250“/》《br /》
《input type=“file“ id=“pic“ name=“pic“ onchange=“printFileInfo()“ accept=“image/*“ multiple=“multiple“/》
《input type=“button“ value=“上传图片“ onclick=“uploadFile()“ /》《br /》
《div id=“parent“》
《div id=“son“》《/div》
《/div》
accept 的值可以参阅:IANA MIME 类型(标准 MIME 类型的完整列表),如果使用的是DW开发的话,软件本身就有提示。
如果选择了多个文件,可以用JS做循环打印,看看文件的名称,类型和大小,看演示代码
function printFileInfo(){
var picFile = document.getElementById(“pic“);
var files = picFile.files;
for(var i=0; i《files.length; i++){
var file = files;
var div = document.createElement(“div“)
div.innerHTML = “第(“+ (i+1) +“) 个文件的名字:“+ file.name +
“ , 文件类型:“+ file.type +“ , 文件大小:“+ file.size
document.body.appendChild( div)
}
}
既然可以循环多文件的话,就可以尝试多文件上传了。
1、首先创建 XMLHttpRequest 对象
//这是全局变量。因为是示例,所以就没有判断浏览器类型,低版本IE这么写的话会出问题的
var xhr = new XMLHttpRequest()
2、上篇介绍了进度事件(Progress) , 这次实现 progress 和 error 2个事件
error:在请求发生错误时触发。
对应上传时发生错误导致的上传失败:uploadFailed()
//上传失败
function uploadFailed(evt) {
alert(“上传失败“);
}
progress:在接收相应期间持续不断触发。
对应上传进度方法:onprogress()
/**
* 侦查附件上传情况 ,这个方法大概0.05-0.1秒执行一次
*/
function onprogress(evt){
var loaded = evt.loaded; //已经上传大小情况
var tot = evt.total; //附件总大小
var per = Math.floor(100*loaded/tot); //已经上传的百分比
$(“#son“).html( per +“%“ );
$(“#son“).css(“width“ , per +“%“);
}
最后就是上传方法了,注意上面的html代码中上传用的方法也需要改成这个uploadFile()方法才能正常使用。
//上传文件
function uploadFile() {
//将上传的多个文件放入formData中
var picFileList = $(“#pic“).get(0).files;
var formData = new FormData();
for(var i=0; i《 picFileList.length; i++){
formData.append(“file“ , picFileList );
}
//监听事件
xhr.upload.addEventListener(“progress“, onprogress, false);
xhr.addEventListener(“error“, uploadFailed, false);//发送文件和表单自定义参数
xhr.open(“POST“, “upload“);
//记得加入上传数据formData
xhr.send(formData);
}

css如何设置透明度(兼容ie,firefox)

CSS设定透明度。需要知道的第一件事是在浏览器中使用不同的用途。通常,使用过滤器:使用alpha(不透明度= 0);通常,使用不透明度:0。对于兼容,一般方法是在CSS样式中编写两个以编写两个,您可以实现兼容性。专门查看代码:“ html”和“ head”#div1 {width:200px;身高:600px;保证金:0自动;不透明度:0;过滤器:alpha(不透明度= 0);// 0代表隐藏,最低的透明度。}“/head”,“身体”,“ div id =’。”/p“,”,“/div”,“/div”,“/hody”,“/html”-find命令