草庐IT

image_file

全部标签

javascript - jQuery 文件上传插件 : trigger an event when all files are uploaded

我使用jQuery文件上传插件(http://blueimp.github.io/jQuery-File-Upload/)来管理我的文件上传。它工作得很好。我可以检测到每个文件何时上传并(例如)显示一条消息。但我想检测每个文件何时上传以显示最终消息。如何做这样的事情?下面是我的实际实现:$('#fileupload').fileupload({url:"api/fileManager",dataType:'json',maxFileSize:100000000,//100MBfortesting!dropZone:$(document.body)}).on('fileuploadcha

javascript - 语义 ui 的 `gulp build` 给出错误 'ENOENT: no such file or directory'

版本:gulp@3.9.1我已经通过npminstall安装了semantic-ui并在交互式设置过程中给出了默认设置。但是当我从/semantic文件夹执行gulpbuild时,我收到以下错误:[20:52:27]Starting'build'...BuildingSemantic[20:52:27]Starting'build-javascript'...BuildingJavascript[20:52:27]Starting'build-css'...BuildingCSS[20:52:27]Starting'build-assets'...Buildingassets[20:5

javascript - 访问 File 对象的某些列出的属性时返回 "undefined"

我似乎无法访问我的对象的宽度或高度键。我正在使用dropzone.js,它有一个addedFile事件,它返回文件和第一个参数。所以:varmyDropzone=newDropzone('#dropzone',{url:'/'});myDropzone.on('addedFile',function(file){console.log(file);});回调工作正常,在我的控制台中我看到:如您所见,显然可以使用高度和宽度键。myDropzone.on('addedFile',function(file){console.log(file.name);//returnsthewholes

javascript - 在 Json 中添加关于 Image 的 X 值

在一个Json中,有多个图像源,如"src":"image.png",,"src":"image2.png",对于image.png,现在我正在获取X值为“40”[下图中的第3个位置]对于image2.png,现在我正在获取X值为“100”[下图中的第6位]要求:取而代之的是,我需要添加第一(10)+第三(40)+第四(50)个位置值并获取finalX值for"src":"image.png",作为100[10+40+50]和"src":"image1.png"=第1(10)+第6(100)+第7(105)个位置&X的最终值为215。...代码笔:https://codepen.io/

javascript - 玩!框架 : Best practice to use URLs in separate JavaScript files?

我目前正在重组Play!有很多JS的项目HTML模板文件中的代码。此代码应移至外部JS文件以获得更好的可读性和更快的页面加载时间。然而,当我在公共(public)文件夹中创建一个JS文件时,所有@{Controller.method}链接替换不再有效。我曾是考虑从HTML调用一些初始化函数仅提供所需URL的模板,例如initialize({"Application.doThis":"@{Application.doThis}"})然而,这对于任何URL都变得非常麻烦且容易出错即已添加。另一件事是,I18N也不再有效。所以对于这样的场景,您有自己的最佳实践是什么单独文件中的JS代码,但仍

javascript - Photoshop 脚本 : Move an image to position x, y

我有一个事件的ArtLayer被变量NewLayer引用,我想移动到Canvas中的绝对位置x,y。我已经用谷歌搜索了几个小时,但没有任何结果。有人可以举个例子吗?//谢谢。 最佳答案 经过更多API阅读和搜索后,我得出的结论是只能使用增量移动来移动图层。我编写了这个小函数来将图层定位在绝对位置。希望这对下一个有同样问题的读者有所帮助...//******************************************//MOVELAYERTO//Author:MaxKielland////MoveslayerfLayert

javascript - Mobile Safari 渲染 <img src ="data:image/jpeg;base64..."> 在 Canvas 上缩放?

我尝试在iOS6上的SafariMobile上的Canvas上渲染加载了FileReader对象的本地镜像。但是每个带有数据URL的图像都会被垂直缩放。这是一个错误吗?在Chrome上它可以正确呈现。DemoScriptScreenShotfromiOS6(上图:Canvas,下图:原始图像)有什么办法可以解决这个问题吗?这是错误吗?如果我首先使用“PhotoWizard”应用程序在设备上调整图像大小(将其缩小到720像素宽度),Canvas会正确渲染它。这似乎是图像大小或使用相机应用程序拍摄的图像的问题:WorkingDemoScript尝试了来自JakeArchibald的建议,看

javascript - 从 background-image 属性获取 URL

我目前正在使用它从background-image属性中获取url:varurl=$(this).find('div').css('background-image');url=url.substr(4,url.length-5);这在某些浏览器(IE6-9)中工作正常,而不是:url(http://.com/)它的url("http://.com/)是否有一种故障安全方法可以从该属性中获取url?无需进行浏览器检测或其他操作? 最佳答案 你可以这样做:url=url.replace(/^url\(["']?/,'').replac

javascript - 如何通过另一个 DOM 触发 INPUT FILE 事件 REACTJS

我有一个INPUTBUTTON和INPUTFILE,我想点击BUTTON,它会触发INPUTFILEREACTJS中的事件。React.createElement('input',{type:'file',name:'myfile'})然后是按钮React.createElement('a',{onClick:this.doClick},'SelectFile')那么当我们点击AHREF时,如何定义并触发INPUTFILE的点击事件呢?非常感谢您的帮助。:-) 最佳答案 更新:2021年9月18日注意:在NextJS上,我遇到的是o

javascript - 为什么 Chrome 粘贴图片时会将图片数据转换为 "image/png"mime 类型?

将JPG图片文件复制粘贴到Chrome后,分析Event.originalEvent.clipboardData中的数据,图片类型为image/png。为什么?操作系统:windows7我认为复制到剪贴板时图像不可能被转换。我试过把它粘贴到其他App上,图片可以保存为JPG。我是从网页上下载的。 最佳答案 也就是说,在native应用程序和网站之间进行尽可能丰富的交互显然是一个目标。但是浏览器需要做一些“过滤”以仅公开它知道MIME类型描述的数据-MIME类型是我们描述网络内容的方式,它是跨平台的,因此比com.apple.iWor