草庐IT

图片上传

全部标签

javascript - 如何制作像Wordpress这样的图片 uploader ?

我想实现一个类似于最新的Wordpress提供的图像上传器(在撰写本文时为3.2.2)。但是,我在为不支持多个文件上载,拖放功能等的浏览器添加后备功能而工作。理想情况下,我希望此功能可以运行而不必每次都刷新页面。我已经做了很多Google搜寻工作,但似乎只能在某些特定的浏览器中使用。谁能推荐任何允许这种上传功能的开源项目? 最佳答案 HTML5和JQuery中有很多类似wordpress的上载程序,例如:ResponsiveFileManager是一个免费的开源文件管理器和图像管理器,由jQuery库,CSS3,PHP和HTML5组

javascript - AngularJS 的 404 图片加载问题

我想在网站中放置一个二维码,可以说它可以是从ASP.NETMVC操作提供的任何图像文件——但在本例中它是一个二维码。SCAN我将一些查询字符串参数传递到我的端点以生成QR码,它以GIF格式返回。使用AngularJS,我正在设置标签src属性。url和查询字符串是在AngularJSController中构造的。我的问题是,在Angular加载数据并将数据绑定(bind)到控件之前,在替换Angular表达式之前,当浏览器尝试获取图像时,我收到HTTP404错误。脚本运行后,QR码显示,如预期的那样。希望不要收到此HTTP错误。我能以某种方式延迟加载吗?或者稍微不同地使用Angular

javascript - Polymer Core-Ajax文件上传

我想使用core-ajax从表单上传文件。现在我的代码如下所示:File使用以下javascript代码:click:function(){varname=this.$.name;varFile=this.$.file;this.item={'Name':name.value,'File':File.value};this.$.ajax.go();}所以当我发送请求时没有数据要处理。在以前的版本中,我使用常规形式处理此问题并使用多方来解析请求。我应该如何发送和处理数据? 最佳答案 core-ajax并没有让文件上传那么容易。它提供了

javascript - 获取IE中显示:none image?的图片高度

我有设置为display:none的图片。我正在使用javascript(document.getElementById('elem').height)来获取这些图像的高度/宽度。这在其他浏览器中有效,但IE报告高度为0(可能是因为它的显示设置为无-因为当我删除显示:无时,高度报告正确)。我尝试将图像包装在一个div中并将div的显示设置为无而不是图像-但这也不起作用。解决这个问题的典型方法是什么? 最佳答案 如果您对图像本身的大小感兴趣,除了在html中设置的任何样式或属性之外,您可以测量具有相同src的新图像。它不会向文档的ht

Javascript,计算有多少文件附加到文件上传输入

我有这个文件输入:我想要的是,当有人向其上传文件时,我想提醒他们上传了多少文件(总共)。就像我上传3个文件一样,它会提示“3个文件已上传”。如果我再添加2个文件,它会提示“已上传5个文件”(添加之前上传的2个文件)。 最佳答案 试试这段代码:varnumFiles=$("input:file")[0].files.length; 关于Javascript,计算有多少文件附加到文件上传输入,我们在StackOverflow上找到一个类似的问题: https://

javascript - flow.js 点击上传文件

希望有人能提供帮助。基本上,我们使用的是ng-flowhttps://github.com/flowjs/ng-flow允许拖放上传项目。我们也在使用MVC4。一切似乎都在正常工作,但是,我们想对其进行自定义,以便项目被拖到上传框中并存储在范围内(就像现在一样)在点击按钮之前不会实际上传项目到目前为止我们尝试了什么?:-在配置中,我们禁用了目标,这样它就不会立即上传.config(['flowFactoryProvider',function(flowFactoryProvider){flowFactoryProvider.defaults={target:'',permanentEr

javascript - 如何在猫头鹰轮播中使用背景图片

我想使用owlcarousel带有背景图片而不是标签,就像在http://driveshift.com/car/c10148中使用的一样.但是,插件站点中包含的每个示例都使用img标签。当您检查Shiftcarousel,它使用url图片作为data-src属性,然后owlcarousel自动将它们转换为背景图片。有什么建议吗? 最佳答案 查看示例代码https://owlcarousel2.github.io/OwlCarousel2/demos/lazyLoad.htmlLazyLoadHTMLstrucutrerequires

javascript - 拖动图像以调整位置,就像在 Facebook 缩略图个人资料图片中一样

在facebook中,缩略图会遗漏整张图片的某些部分,我们可以移动它,以便我们可以将缩略图调整到适合的位置,如何使用网络技术做到这一点。在示例中,我们可以拖动图片来移动缩略图的位置。 最佳答案 我一直在寻找一种完全相同的插件,找不到,所以我写了一个:)。看看这个。它非常基础,功能不多,但仍然有用。用好它,传播它,也相信我;).编辑:2013年12月22日我注意到使用百分比的版本没有按预期工作。链接现已更新。我还添加了一个X轴版本JSFiddle(Y-Axis)JSFiddle(X-Axis)

javascript - Flow react native导入图片报错cannot resolve module RelativeImageStub

我是flow的新手,我在react-native中导入图像时遇到了flow错误:importEditIconfrom'../../../../../assets/images/edit-icon.png';我收到这个错误:"cannotresolvemoduleRelativeImageStub"这是我的流程配置,其中有RelativeImageStubmodule.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aa

javascript - 如何只清除文件上传字段?

这是JSfiddle:http://jsfiddle.net/buyC9/128/我只想在按下清除时清除文件上传字段。我的HTML:Uploadimage:我的Jquery:$('input').change(function(){varel=$(this);if(this.value===""){$('.imagec').prop('disabled',false);this.disabled=false;$('#preview').hide();}else{$('.imagec').prop('disabled',true);el.prop('disabled',false);al