Tag: html5

如何使用javascript FileReader检测文件扩展名

我正在使用javascript的FileReader和我的自定义函数来读取JPG-JPEG图像，我的问题是如何通过下面的代码检测文件扩展名，如果文件不是JPG-JPEG则给用户错误： function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { alert(‘image has read completely!’); } reader.readAsDataURL(input.files[0]); } }

通过添加跨度突出显示文本文档中的字符串

我是webDevelopment 。 我有一些文本字符串。现在我想突出显示该文本文件中的一些单词。 所以，我在这里使用这个逻辑 $scope.highlightHTML = function (content,startoffset,endoffset,color) { var className = ‘mark’; console.log(content.substring(startoffset, endoffset)); return content.replace(content.substring(startoffset, endoffset), ‘$&’); } 现在这个工作正常。 但现在发生的事情是当第一个单词被突出显示然后当它试图突出显示第二个单词时，字符串偏移因为这个替换而变得更改。 它也需要标签，现在偏移量也会发生变化。 现在，当我突出显示某些文本时，下次不应该取消span标记的开始和结束偏移量。 那么，我该怎么做？ “Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took […]

jQuery：带有必需select元素的HTML 5表单无效

我一直在使用$(‘select[required]’).is(‘:invalid’)如果浏览器支持pattern属性if(Modernizr.input.pattern) {} ，它在Firefox 4-7中工作正常，但Chrome和Safari都有问题。 所有其他validation工作正常，它只需要选择菜单，即 这是我的jsfiddle： http ： //jsfiddle.net/mbCbt/ 。 基本上，您选择一个下拉项，它的意思是validation它。 在firefox中，选择’test’会说它有效。 选择“请选择”将表示其无效。 在Safari / Chrome中，选择“测试”会显示无效，然后选择“请选择”会使其有效。 再次选择测试将使其无效。 从那里，选择test2，它将是VALID，然后再次选择test，这次它将是有效的。 我假设它是一个jQuery的东西，因为浏览器正在从CSS中识别它的有效性… 思考？ 我意识到这个函数没有任何官方支持（不是在jquery kb中），但我希望还有另一种解决方法。 我已经降低了对旧浏览器的validation检查，所以也许我应该回到webkit的那个？

设置HTML5 Canvas的背景填充，描边和不透明度

我使用下面的代码来设置myCanvas样式，但我无法设置fillStyle 。 然而， strokeStyle和lineWidth工作正常。 有人可以帮忙吗？ Init() { var can = byId(‘myCanvas’); // get it’s context hdc = can.getContext(‘2d’); hdc.strokeStyle = ‘red’; hdc.lineWidth = 2; // Fill the path hdc.fillStyle = “#9ea7b8”; hdc.opacity = 0.2; hdc.fill(); } // And call the drawPoly function with coordinates. function drawPoly(coOrdStr) { var canvas = byId(‘myCanvas’); hdc.clearRect(0, 0, canvas.width, canvas.height); […]

通过后期处理上传进度

我有一个上传表单，用户可以上传文件。 上传完成后，文件将进行后期处理，有时上传完成后处理时间最长为10-15秒。 上传完成后，进度条为100％，但是如何检测文件何时完成，以便在文件处理时向用户显示“请稍候”标志。用户可能会认为浏览器冻结og崩溃，因为进度条是100％但没有发生任何事情.. 纯HTML5 + javascript中的客户端解决方案是首选，但不是必须:)

代码正在小提琴上工作但不在网站上

这在Fiddle上运行正常，但在我的网站上不太好。 我似乎无法弄清楚差异。 我已经尝试删除整个Videobox包含，但这并没有解决它。 我也意识到jQuery和Mootools有点多，但我真的很喜欢Videobox，我真的很喜欢音频播放器。 至于在我的网站上工作的东西，一切都按照它应该的方式工作，除了我的javascript中的第二个function。 这是小提琴： http ： //jsfiddle.net/HM8m7/4/ 我的网站的HTML： Music jQuery.noConflict(); jQuery(function () { jQuery(“#ubaPlayer”).ubaPlayer({ codecs: [{ name: “MP3”, codec: ‘audio/mpeg;’ }] }); }); jQuery(‘a[rel=vidbox]’).click(function () { if (jQuery(“#ubaPlayer”).ubaPlayer(“playing”) === true) { jQuery(“#ubaPlayer”).ubaPlayer(“pause”); } return false; }); Title The Rainbow Connection (Video) Close to You 音频播放器脚本： (function($) { var defaults = { audioButtonClass: “audioButton”, […]

从chrome 中的日期类型输入中删除占位符

我有以下输入： 这会将日期格式显示为默认占位符。 我想删除这个占位符，只有一个空输入字段。 如果我这样做： `$(‘#operationDate’).val(‘@DateTime.Now.ToString(“yyyy-MM-dd”)’);` 我今天的日期是占位符，但是如果我使用它： $(‘#operationDate’).val(”); 我得到像dd-mm-yyyy这样的占位符。 占位符可以被彻底删除吗？ 我已经看过几篇关于更改日期格式的post，但是没有找到关于删除占位符的信息。

HTML5 Canvas toDataURL返回空白

我想上传图像文件，将它们绘制到canvas中，进行更改并将其保存在数据库中。 我试图测试canvas图像（ Pic ）返回的base64值，它是空白的。 但是，当我将canvas（ Pic ）附加到文档时，我看到了结果。 我在这做错了什么？ function handleFileSelect(evt) { var files = evt.target.files; // FileList object for (var i = 0, f; f = files[i]; i++) { if (!f.type.match(‘image.*’)) { continue; } // read contents of files asynchronously var reader = new FileReader(); // Closure to capture the file information. reader.onload = (function(theFile) […]

如何在HTML中找到文本或的绝对或相对位置？

我想知道是否有一种方法可以使用Javascript或jQuery在HTML中找到字母的位置？ 我非常怀疑这是可能的，但它会让我的生活变得更加轻松。 或者，有没有办法使用JS在HTML中找到标签的位置？ 提前致谢。

如何在jBoss中启用CORS

我正在开发一个HTML5应用程序，它必须从遗留Web服务（Jax-Ws）获取一些值，所以我使用jQuery.soap来查询这些Web服务以获取响应。 我已经使用SOAP UI尝试了我的请求的正确性，并且它们正常工作。 从我的HTML5客户端，我无法从服务器接收SOAP响应，因为在响应中没有将Allow-Control-Allow-Origin标头设置为*。 因此，请求的来源被识别为不允许，并且服务器的响应是错误响应。 使用Firebug + Firefox调试我的HTML5项目的错误消息是： 锁定的跨源请求：原点处的标准不允许读取远程资源。 您可以通过将资源移动到同一域或激活CORS来解决问题。 如何在jBoss中启用CORS？