找到 598 篇文章 适用于前端脚本

如何在 JavaScript 和 HTML 中打开带有默认目录的文件浏览器?

V Jyothi
更新于 2020年1月30日 06:10:44

1K+ 浏览量

如果您想在 JavaScript 中打开一个文件浏览器,然后希望将其默认目录设置为与文件文件夹相同,则无法做到这一点,因为 Windows 不允许您这样做,因此这是不可能的。例如:C: :\Amit这主要是由于涉及的安全风险,导致 Web 代码可以在机器上设置任何值。我们永远无法确定目录是否存在。

使用 HTML 进行客户端验证,无需 JavaScript

Krantik Chavan
更新于 2020年1月29日 10:53:36

209 浏览量

要显示 HTML5 客户端验证错误提示框,请使用 required 属性。您不需要 JavaScript 就可以进行客户端验证,例如,空文本框永远不会被提交,因为 HTML5 引入了一个名为 required 的新属性,使用方法如下,并且会要求有值:                    输入电子邮件:          尝试使用提交按钮提交                    

使用 Plupload HTML5 运行时直接上传到 Amazon S3

Lakshmi Srinivas
更新于 2019年7月30日 22:30:22

116 浏览量

Amazon S3 现在支持跨源资源共享,因此现在可以进行 HTML5 上传。之前这是不可能的。Plupload 可以通过跨源资源共享 (CORS) 直接上传到 HTML5。借助 CORS (跨源资源共享),可以创建丰富的客户端 Web 应用程序。它可以选择性地允许对 S3 资源进行跨源访问,借助它我们可以访问 Amazon。

在本地存储中存储凭据的技巧

karthikeya Boyini
更新于 2019年7月30日 22:30:22

401 浏览量

本地存储旨在用于跨多个窗口并持续超出当前会话的存储。特别是,Web 应用程序可能希望出于性能原因将兆字节的用户数据(例如整个用户创作的文档或用户的邮箱)存储在客户端。为了在本地存储中存储凭据,在成功登录后,生成一个与用户凭据无关的完全随机字符串。您需要将其存储在数据库中。不要忘记添加过期日期。将该字符串传递给 JavaScript 以存储在本地存储中。只要本地存储凭据与数据库匹配并且... 阅读更多

在 HTML5 Canvas 中创建圆圈内的文本

Nishtha Thakur
更新于 2020年1月29日 10:52:50

908 浏览量

要在画布中创建圆圈内的文本,请使用:context.beginPath();以下是画布:$("#demo").on("click", "#canvas1", function(event) {    var canvas = document.getElementById('canvas1');    if (canvas.getContext) {       var context = canvas.getContext("2d");       var w = 25;       var x = event.pageX;       var y = Math.floor(event.pageY-$(this).offset().top);       context.beginPath();       context.fillStyle = "blue";       context.arc(x, y, w/2, 0, 2 * Math.PI, false);       context.fill();       context = canvas.getContext("2d");       context.font = '9pt';       context.fillStyle = 'white';       context.textAlign = 'center';       context.fillText('amit', x, y+4);    } });HTML    

如何用 HTML 画布完全填充网页?

V Jyothi
更新于 2020年1月29日 10:51:22

287 浏览量

要使画布填充整个页面,您需要页面宽度和高度为 100%。* {    margin: 0;    padding: 0; } body, html {    height:100%; } #canvas {    position:absolute;    height:100%; width:100%; }

如何在 Web 浏览器中使用 HTML5 允许来自其他域的受限资源?

Smita Kapse
更新于 2020年1月29日 10:50:07

249 浏览量

跨源资源共享 (CORS) 是一种机制,允许 Web 浏览器中来自其他域的受限资源例如,如果您点击 html5 演示部分中的 HTML5- 视频播放器。它会询问摄像头权限。如果用户允许权限,则它只会打开摄像头,否则它不会为 Web 应用程序打开摄像头这里 Chrome、Firefox、Opera 和 Safari 都使用 XMLHttprequest2 对象,而 Internet Explorer 使用类似的 XDomainRequest 对象,对象。function createCORSRequest(method, url) {    var xhr = new XMLHttpRequest();    if ("withCredentials" in xhr) {       // 检查 XMLHttpRequest 是否... 阅读更多

验证 input=file 在 HTML5 中的大小?

Govinda Sai
更新于 2020年1月29日 10:49:35

2K+ 浏览量

您可以尝试运行以下代码来验证 input type file 的大小:                                                                                                   $(function(){                $('form').submit(function(){                   var val = true;                       $('input[type=file][data-max-size]').each(function(){                   if(typeof this.files[0] !== 'undefined'){                      var max = parseInt($(this).attr('max-size'),10),                      mySize = this.files[0].size;                      val = max > mySize;                      return val;                   }                });                return val;             });          });          

基于 HTML5 的移动开发的顶级框架

Lakshmi Srinivas
更新于 2019年7月30日 22:30:22

183 浏览量

以下是基于 HTML5 的移动开发的一些顶级框架:1. Kendo UI使用 Kendo UI 开发一个宝贵的跨平台移动应用程序。2. BootstrapBootstrap 支持 HTML、CSS 和 JS,允许使用响应式布局开发移动应用程序。3. Ionic Ionic 是一个用于开发移动应用程序的开源框架。它提供了构建具有原生外观和感觉的移动 UI 的工具和服务。Ionic 框架需要一个原生包装器才能在移动设备上运行。4. Sencha TouchSencha Touch 是一个移动应用程序框架,用于使用 HTML5、CSS3 和 JavaScript 为移动应用程序开发用户界面。它协助... 阅读更多

HTML5 预加载属性

Anvi Jain
更新于 2020年1月29日 10:22:10

121 浏览量

要防止 HTML5 视频在播放前加载,请使用 preload 属性。您可以尝试运行以下代码:                                        您的浏览器不支持 video 标签。          

广告
© . All rights reserved.