js 原生获取判断苹果 IPhoneX 、IPhoneXS Max、IPhone XR机型

直接干货

```

iphoneX()

function iphoneX(){

    var userAgent = navigatoruserAgent var ios = !!userAgentmatch(/\(i[^;]+;( U;) CPU+Mac OS X/) //ios终端 if (ios){

        if ((screenheight == 812 && screenwidth == 375) || (screenheight == 896 && screenwidth == 414)) {

            // 这里是你的判断后的样式

        }

    }

} 

// iPhone X、iPhone XS、iPhone XR

      let isIPhoneX =

        /iphone/gitest(windownavigatoruserAgent) &&

        windowdevicePixelRatio &&

        windowdevicePixelRatio === 3 &&

        windowscreenwidth === 375 &&

        windowscreenheight === 812

      // iPhone XS Max

      let isIPhoneXSMax =

        /iphone/gitest(windownavigatoruserAgent) &&

        windowdevicePixelRatio &&

        windowdevicePixelRatio === 3 &&

        windowscreenwidth === 414 &&

        windowscreenheight === 896

      // iPhone XR

      let isIPhoneXR =

        /iphone/gitest(windownavigatoruserAgent) &&

        windowdevicePixelRatio &&

        windowdevicePixelRatio === 2 &&

        windowscreenwidth === 414 &&

        windowscreenheight === 896

```

 <input id="file_Up" name="file_Up" type="file" onchange="getFileSize(thisvalue)"/>

<input id="sub_Import" type="submit" value="导入" />

js中function getFileSize() {

    var btnsave = documentgetElementById("sub_Import"); 

    btnsavedisabled = true; 

    var filepath = "";

    var fileupload = documentgetElementById("file_Up");

    if (fileuploadvaluelength < 5) {

        alert('请选择文件！');

        return;

    }

    var agent = windownavigatoruserAgent;

    if (agentindexOf("Firefox") >= 1) {

        var maxsize = 4  1024  1024;

        var size = fileuploadfiles[0]size;

        if (size > parseInt(maxsize)) {

            alert("文件超过大小！");

            return false;

        }

        else {

            btnsavedisabled = false;

            return true;

        }

    }

    else {

        fileuploadselect();

        fileuploadblur();

        filepath = documentselectioncreateRange()text;

        try {

            var fso, f, fname, fsize;

            var flength = 4  1024; //设置上传的文件最大值（单位：kb），超过此值则不上传。 

            fso = new ActiveXObject("ScriptingFileSystemObject");

            f = fsoGetFile(filepath); //文件的物理路径

            fname = fsoGetFileName(filepath); //文件名（包括扩展名）

            fsize = fSize; //文件大小（bit）

            fsize = fsize / 1024;

            //去掉注释，可以测试

            alert("文件路径：" + f);

            alert("文件名：" + fname);

            alert("文件大小：" + fsize + "kb");

            if (fsize > flength) {

                alert("上传的文件到小为：" + fsize + "kb,\n超过最大限度" + flength + "kb,不允许上传 ");

                return false;

            }

            else {

                btnsavedisabled = false; 

                return true;

            }

        } catch (e) {

            alert(e + "\n 跳出此消息框，是由于你的activex控件没有设置好,\n" +

"你可以在浏览器菜单栏上依次选择\n" +

"工具->internet选项->\"安全\"选项卡->自定义级别,\n" +

"打开\"安全设置\"对话框，把\"对没有标记为安全的\n" +

"ActiveX控件进行初始化和脚本运行\"，改为\"启动\"即可");

            return false;

        }

    }

}

input file在选择完文件之后，他的值就是这个文件在你机器上的路径

js本身是不能去读取这个文件的内容的，比如获取大小，类型之类

你说的功能是属于ajax上传文件，服务器完成上传后返回文件的信息（或者内容），然后再在html上加载出来

这个功能一定要后台来完成

例

上传一个文本文件，input file获取本机路径，上传至服务器，服务器读取文本内容返回文本内容，在html上打印出来

<script>

var urlnow=windowlocationhref ; 获取当前url

判断浏览器并对urlnow做你想做的 *** 作,修改等,存到urlnew

windowlocationhref=urlnew; 跳转到别的urlnew

</script>

放到head里,让他先执行

windownavigator对象就可以

navigator常见的对象属性如下：

appCodeName 返回浏览器的代码名。

appMinorVersion 返回浏览器的次级版本。

appName 返回浏览器的名称。

appVersion 返回浏览器的平台和版本信息。

browserLanguage 返回当前浏览器的语言。

cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。

cpuClass 返回浏览器系统的 CPU 等级。

onLine 返回指明系统是否处于脱机模式的布尔值。

platform 返回运行浏览器的 *** 作系统平台。

systemLanguage 返回 OS 使用的默认语言。

userAgent 返回由客户机发送服务器的 user-agent 头部的值。

userLanguage 返回 OS 的自然语言设置。

详细可以访问这个站：>

以上就是关于js 原生获取判断苹果 IPhoneX 、IPhoneXS Max、IPhone XR机型全部的内容，包括:js 原生获取判断苹果 IPhoneX 、IPhoneXS Max、IPhone XR机型、如何通过js获取上传文件尺寸、input file 在js里获取文件内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！