找到关于前端脚本的598篇文章

HTML5 File API readAsBinaryString 读取的文件大小和磁盘上的文件大小差异很大

Ankith Reddy
更新于 2020-06-25 07:49:37

111 次浏览

如果您将文件读取为二进制字符串并手动构建 multipart/form-data 请求,则可能会发生这种情况。您需要尝试使用 xhr.send(File) 并处理 xhr 进度事件,该事件在所有列表项已创建后触发。示例以下是我们的上传函数:function display(url, files) { var myForm = new FormData(); for (var j = 0, file; file = files[j]; ++j) { myForm.append(file.name, file); } var xhr = new XMLHttpRequest(); xhr.open('POST', url, true); xhr.onload = function(e) { ... }; xhr.send(formData); }

HTML5 多文件上传带多个进度条

George John
更新于 2020-06-25 07:51:15

346 次浏览

为了使其正常工作,您需要处理 xhr 进度事件,该事件在所有列表项已创建后触发。xhr 应该知道您想要做什么:var a = new XMLHttpRequest(); a.upload.li = li; a.upload.addEventListener('progress', function(e) { var pc = parseInt(event.loaded / event.total * 100); this.li.find(".progressbar").width(pc); }, false);

跨浏览器拖放HTML文件上传?

Nishtha Thakur
更新于 2020-06-25 07:50:35

245 次浏览

对于跨浏览器的HTML文件上传器,请使用FileDrop。它几乎可以在所有现代Web浏览器上运行。根据官方规范:FileDrop是一个独立的跨浏览器HTML5、传统、AJAX、拖放、JavaScript文件上传工具。

重置IE中复选框的HTML输入样式为默认样式

Arjun Thakur
更新于 2020-06-25 07:52:00

195 次浏览

使用某些Web浏览器无法将复选框重置为默认的原生样式。您可以尝试此方法并列出每种类型的输入样式:input[type="text"], input[type="password"] { border: 2px solid green; }您也可以使用CSS3伪类,但这在IE 11中可能有效也可能无效:input:not([type="checkbox"]) { border: 2px solid green; }

Chrome中的HTML5 Video标签 - 为什么从我的Web服务器下载的视频会忽略currentTime?

Chandu yadav
更新于 2020-06-25 07:52:33

495 次浏览

为了能够使用HTML5 video标签从特定时间播放视频,请尝试以下修复方法。您的Web服务器应该能够使用字节范围提供文档。Google Chrome Web浏览器需要这样做才能工作。如果这没有解决,则搜索将被禁用,即使您设置了currentTime,它也不会工作。测试您的Web服务器是否允许此操作:curl --dump-header - -r0-0 http://theurl

如何防止在双击时选择HTML5画布外的文本?

Smita Kapse
更新于 2020-06-25 07:53:07

270 次浏览

为了避免双击文本问题:var canvas1 = document.getElementById('c'); canvas1.onselectstart = function () { return false; }注意:画布不应填充页面的宽度,它只有100像素宽。

检测HTML5中贝塞尔曲线形状的点击事件

Ankith Reddy
更新于 2020-06-25 07:54:28

178 次浏览

要检测点击贝塞尔曲线形状,请尝试以下代码:示例var l = boxes.length; for (var i = l-1; i >= 0; i--) { drawshape(gctx, boxes[i], 'black', 'black'); var imgData = gctx.getImageData(mx, my, 1, 1); var index = (mx + my * imgData.width) * 4; if (imgData.data[3] > 0) { mySel = boxes[i]; offsetx = mx - mySel.x; offsety = my - mySel.y; mySel.x = mx - offsetx; mySel.y = my - offsety; isDrag = true; canvas.onmousemove = myMove; invalidate(); clear(gctx); return; }}

Safari中的HTML5 appcache导致跨站CSS无法正确加载

Anvi Jain
更新于 2020-06-25 07:53:42

122 次浏览

Appcache被Web浏览器用于指定您的网站上与浏览器正在访问的特定页面相关的文件。Safari更严格地遵循AppCache标准,并看到对AppCache中不存在的Web地址的请求。为了避免请求被阻止,请使用:NETWORK: * http://* https://*

HTML5

George John
更新于 2019-07-30 22:30:22

154 次浏览

PhoneGap是Adobe Systems的软件开发框架,用于开发移动应用程序。PhoneGap为所有流行的移动操作系统平台(如iOS、Android、BlackBerry和Windows Mobile OS等)生成应用程序。由于编解码器许可问题和操作系统实现,HTML5音频支持在不同设备之间并不一致。对于播放MP3文件,可以使用PhoneGap的Media类来处理,这将在所有平台上提供可靠的音频编程。为了重新加载音频和复音或分层,可以使用LowLatencyAudio PhoneGap原生插件。

HTML5 Canvas大字体描边

Arjun Thakur
更新于 2020-06-25 07:42:11

189 次浏览

要在HTML5 Canvas中正确绘制大字体,您可以尝试运行以下代码:var myCanvas = document.getElementById("myCanvas"); var context = myCanvas.getContext("2d"); context.font = '180pt Georgia'; context.strokeStyle = "#FF0000"; context.fillStyle = "#FFFFFF "; context.lineWidth = 34; context.fillText("Demo!",0,200); context.strokeText("Demo!",0,200);

广告
© . All rights reserved.