草庐IT

图片上传

全部标签

javascript - 重命名用户上传javascript的文件

我在表单上有以下html:当用户单击浏览按钮时,他们可以选择任何文件,但我想使用表单上另一个字段的值重命名该文件我有一个提交按钮。我可以在这里做吗? 最佳答案 CanIdoithere?不,出于安全原因,您无法在客户端控制此操作。您可以在上传文件时在服务器上重命名该文件。 关于javascript-重命名用户上传javascript的文件,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questio

Vue - 图片浏览组件v-viewer

1.介绍和安装v-viewer组件可以实现图片点击放大,缩小,旋转,切换等操作在Vue项目中打开终端,npm引入v-viewer组件npminstallv-viewer--save2.配置和使用2.1在main.js中配置importViewerfrom'v-viewer'import'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({Options:{'inline':true,'button':true,'navbar':true,'title':true,'toolbar':true,'tooltip':true,'m

javascript - Rails 4 Angularjs Paperclip 如何上传文件

我是使用仅提供api的Rails4操作angularjs的新手。我尝试创建一个简单的Angular服务来上传文件。但是我使用Paperclip来管理文件,但我遇到了一些问题。首先,我不明白如何正确收集输入文件。我已经看到很多插件或fat指令可以做到这一点。但我想要一个简单的指令来收集我的文件并放入我的ng-model。最后我想知道用Base64编码我的文件是否更有效?我的RailsControllerclassApi::EmployeesController{:errors=>employee.errors.full_messages},:status=>406endenddefemp

javascript - jQuery 文件上传不会在 IE9 中发送文件

我只在IE$("input:file#upload-photo").fileupload({enctype:"multipart/form-data",url:$("input:file#upload-photo").attr("url"),autoUpload:true,send:function(){spinner.spin(target);},done:function(e,data){spinner.spin(false);varerrors=data.result.Errors;if(errors!=null&&errors.length>0){for(vari=0;i").

asp.net - 在文件上传期间使用 Javascript 获取图像尺寸

我有文件上传UI元素,用户将在其中上传图像。在这里我必须在客户端验证图像的高度和宽度。是否可以在JS中仅通过文件路径查找图片的大小?注意:如果否,是否有任何其他方法可以在客户端找到维度? 最佳答案 您可以在支持新FileAPI的浏览器上执行此操作来自W3C,使用readAsDataURLFileReader接口(interface)上的函数并将数据URL分配给img的src(之后您可以读取height和图像的width)。目前Firefox3.6支持文件API,我认为Chrome和Safari已经支持或即将支持。所以你在过渡阶段的逻

javascript - 上传时的 Dropzone 提交按钮

我想添加一个按钮上传到我的dropzone文件uploader。目前它是在选择文件或将文件拖到拖放区后直接上传文件。我想做的是:1.选择或拖动要上传的文件。2.验证3.点击或按下上传按钮上传文件。注意:只有在按下上传按钮后才会上传文件。这是我的表格CampaignID\"/>这是我的JSDropzone.options.frmTarget={url:'upload_files.php',paramName:'file',clickable:true,maxFilesize:5,uploadMultiple:true,maxFiles:2,addRemoveLinks:true,acce

javascript - 我应该如何使用 jcrop 在客户端裁剪图像并上传?

我正在开发一个组件,其中有文件上传HTML控件,在使用文件上传元素选择图像后,图像将呈现在HTML5Canvas元素上。这是带有示例代码的JSFiddle:https://jsfiddle.net/govi20/spmc7ymp/id=target=>jcrop元素的选择器id=photograph=>文件上传元素的选择器id=preview=>Canvas元素选择器id=clear_selection=>清除Canvas的按钮选择器使用的第三方JS库:设置JCrop:jQuery(function($){varapi;$('#target').Jcrop({//startoffwit

javascript - 如何使用 javascript 在 Phonegap 的推特上发布图片

我目前正在使用Phonegap实现一个网络智能手机应用程序。在此应用程序上,用户可以在Facebook上发布他们用手机摄像头拍摄的图像。通过发送base64编码图像,仅使用javascript已成功实现此功能。现在,我想使用Twitter实现相同的功能。我发现了一些关于此的非常有趣的博客文章,并且我已经能够仅使用javascript更新用户状态...但是我也不能使用update_with_mediaTwitter网络服务发布图像。也照这个post,有人说不使用服务器端代码(例如php脚本)就不可能实现此操作。所以我的问题是:是否可以仅通过javascript使用update_with_

javascript - 用于 Internet Explorer 的拖放文件上传库

我找到了一个很棒的图书馆,叫做JQueryFileUpload用于在现代浏览器中拖放文件上传。遗憾的是,拖放功能在InternetExplorer中不起作用。在IE中拖放文件上传是项目的需求,所以我想找到针对这种特定情况的解决方案。我的想法是最终得到两个版本的上传页面,一个用于IE,另一个用于世界其他地方。有没有人知道一个不需要任何安装就可以在IE中上传的好activex库? 最佳答案 我认为最好的方法是使用新的HTML5拖放API和新的文件API。 关于javascript-用于Int

javascript - S3 预签名 URL 问题 - 文件上传成功,200 statusCode 但没有响应正文

这直到最近才有效,我不确定发生了什么变化。我正在使用S3SDK生成一个presignedUrl并使用它上传一个文件到一个存储桶。文件实际上传并且响应返回statusCode200,但奇怪的是没有响应正文。我不明白我是否缺少某种标题,或者它们是否有误。响应header上的Content-length让我担心。如有任何帮助,我们将不胜感激!注意:我已经模糊了这些值,如果它们有帮助,我可以将它们模拟回来一般请求网址:https://some-bucket.s3.ap-southeast-2.amazonaws.com/some/path/file/picture?X-Amz-Algorith