input type=“file” 获取文件名、文件类型、文件大小_inputfile获取文件名

获取文件名、文件大小、文件类型

  $('#deviceFile').bind('input propertychange', function () {
       let f = document.getElementById('deviceFile').files;
       let [fileName, fileSize, fileType] = [f[0].name, f[0].size, f[0].type];
                                      /*分别获取   文件名   文件大小   文件类型*/
       $('.importBtn').hide();
       $(this).parent('.importBtn').next().find('dt').text(f[0].name + '.' + f[0].type);
       $(this).parent('.importBtn').next().find('dd').text('(' + getfilesize(f[0].size) + ')')
       $(this).parent('.importBtn').next().show();
 将文件大小 改成KB 、MB 、 G 、 T  格式 
 function getfilesize(size) {//把字节转换成正常文件大小
            if (!size) return "";
            var num = 1024.00; //byte
            if (size < num)
                return size + "B";
            if (size < Math.pow(num, 2))
                return (size / num).toFixed(2) + "KB"; //kb
            if (size < Math.pow(num, 3))
                return (size / Math.pow(num, 2)).toFixed(2) + "MB"; //M
            if (size < Math.pow(num, 4))
                return (size / Math.pow(num, 3)).toFixed(2) + "G"; //G
            return (size / Math.pow(num, 4)).toFixed(2) + "T"; //T
let filePath = $("input[type = 'file']").val();  //获取路径
let urlArr = filePath.split("\\");  //以反斜杠'\'截取文件名为数组
    let fileNam...
var filePath = $("#file").val();
if("" != filePath){
	var fileType = getFileType(filePath);
	//判断上传的附件是否为图片
	if("jpg"!=fileType && "jpeg"!=fileType && "bmp"!=fileType && "png"!=fileType && "gif
				原本的input type='file' 样式真的很丑，毫无美感而言，一直想写一个点击图片就显示的界面，现在终于研究出来了。原本的input type='file'样式：改变后的样式：样式代码：    &lt;style type="text/css"&gt;
        .img{opacity:0;}
        .imgs{border:1px solid #78C3F3;backg...
				imput 属性有以下几种：
1.type:input类型这就不多说了2.accept：表示可以选择的文件类型，多个类型用英文逗号分开，常用的类型见下表。
<input id="file" type="file" accept="image/png,image/gif" name="file" />
3.multiple：是否可以选择多个文件，多个文件...
				在Web前端中，使用`<input type="file">`标签来实现文件上传功能。但是，由于出于安全考虑，浏览器并不允许通过JavaScript获取用户选择的文件的完整路径，只能获取文件的名称和类型等信息。
如果你想要获取文件的完整路径，可以考虑以下两种方法：
1. 可以使用File API中的File对象来获取文件的详细信息，包括文件名、大小、类型等信息。例如，可以使用以下代码来获取文件名：
```javascript
const fileInput = document.querySelector('input[type="file"]');
const fileName = fileInput.files[0].name;
2. 如果你确实需要获取文件的完整路径，可以通过使用`<input type="file">`标签的`webkitdirectory`属性，让用户选择整个文件夹，然后通过遍历文件夹来获取文件的完整路径。例如：
```html
<input type="file" webkitdirectory>
但是需要注意的是，这个方法只在Chrome浏览器中有效，并且需要用户选择整个文件夹，不能单独选择某个文件。
获取文件名、文件大小、文件类型

将文件大小 改成KB 、MB 、 G 、 T 格式

将文件大小改成KB 、MB 、 G 、 T 格式
