草庐IT

上传图片

全部标签

javascript - Rails+javascript - 上传前的图片预览

我想在上传前显示图片预览,为此我使用下面给出的代码。它适用于firefox,但不适用于IE8"preview-photo"%>"preview(this);"%>functionpreview(this){document.getElementById("preview-photo").src=this.value;return;}请问有什么办法可以在IE8和其他浏览器中预览图片吗? 最佳答案 在ERB中:接受输入,给它一个类名和动态ID,并制作一个带有动态ID的图像标签,您将在其中显示预览图片。'photo_upload',:id

javascript - react js 处理文件上传

我是Reactjs的新手。我想用reactjs异步上传图片假设我有这段代码varFormBox=React.createClass({getInitialState:function(){return{photo:[]}},pressButton:function(){vardata=newFormData();data.append("photo",this.state.photo);//isthisthecorrectwaytogetfiledata?},getPhoto:function(e){this.setState({photo:e.target.files[0]})},r

javascript - 客户端上传前文件压缩

基本上我会处理大型XML文件(大约20-50MB)。这些文件需要上传到服务器上。我知道无法使用javascript访问文件,也无法在客户端实现HTTP压缩。我的问题是,是否存在任何压缩文件并具有javascriptAPI的解决方案(flash/ActionScript)?场景是这样的:正在尝试上传50MB的XML文件在上传之前用Javascript抓取它并将其发送给压缩器。上传压缩文件而不是原始文件。 最佳答案 您可以使用JSZip.对于输入,它支持String/ArrayBuffer/Uint8Array/Buffer,但不是bl

javascript - 以编程方式上传文件

我正在使用jQuery文件上传插件,它有一个API以编程方式上传文件。文档写道:$('#fileupload').fileupload('add',{files:filesList});问题是我不知道filesList应该是什么。我尝试了以下失败:$('#fileupload').fileupload('add',{files:['/Users/bob/Desktop/test.png']});filesList究竟应该是什么? 最佳答案 荒谬的例子:)有效!Startupload$('document').ready(functi

javascript - 在页面加载时上传 swf 请求 URL

我在Asp.net站点上使用Uploadify,该页面的URL是/Resource/Create/id,但在页面加载时,Uploadify似乎正在向该页面的根URL/Resource/Create/发出请求这导致服务器错误,因为没有提供id并填满了我的日志,有谁知道它可能请求什么以及是否可以将其设置为不请求此url。这是我的JS:varid=$('#fileUpload').attr('data-id');$('#fileUpload').uploadify({'swf':'/Scripts/Libraries/uploadify/uploadify.swf','uploader':'

javascript - 无法调整图像大小以使用 jQuery 文件上传

我正在尝试利用由blueimp开发的jQuery文件上传插件中提供的客户端图像大小调整功能:https://github.com/blueimp/jQuery-File-Upload不幸的是,我无法调整图像大小。上传本身完美无缺。this.$('.fileupload').fileupload({url:websiteUrl+'deed/uploadimage',dataType:'json',previewMaxWidth:90,previewMaxHeight:90,previewCrop:true,imageOrientation:true,disableImageResize:

c# - 使用 FileReader.readAsDataUrl 上传图片到 Web Api 服务

我正在尝试使用FileReader获取图像的base-64表示并将其提交给.netWebApi服务以进行图像上传。我的问题是fileReader.result的内容作为base-64编码图像无效,至少根据.net是这样。我只是用了一个非常简单的方法,用fiddler测试发布到服务。如果我从filereader.result发布完整的结果字符串,当我尝试使用FromBase64String读取字符串时会收到错误“Base-64字符数组或字符串的长度无效”。publicvoidPost([FromBody]stringimgString){varmyString=imgString.Spl

类似于 Imagemagick 的 JavaScript 库(即调整图像和图片的大小,同时最大化图片保真度)?

我们想模拟Imagemagick的功能,但只能在Javascript中。是否存在任何图书馆?具体来说,目标是显示图像的缩略图,而不会将缩略图扭曲到与原始缩略图几乎不相似的程度。这通常发生在通过CSS简单调整大小的情况下。一种方法是使用Imagemagick在服务器上调整图像的大小。问题是,如果我们不想存储缩略图(因为原件是从不提供缩略图的第三方加载的),我们是否可以使用Javascript库模拟Imagemagick的自然和高保真调整大小功能?谢谢! 最佳答案 3年后我偶然发现了这个问题;)有趣的是imagemagick本身存在于j

javascript - 您可以使用 JavaScript 将多张图片组合成一张图片吗?

我想知道是否有一种方法可以仅使用JavaScript将多个图像组合成一个图像。这是Canvas能够做到的事情吗?效果可以用positing来做,但是能不能把它们组合成一张图片下载呢?2008年10月1日更新:感谢您的建议,我正在帮助某人使用jQuery在仅js/css的网站上工作,他们希望有一些类似MacOSdock的图像效果,其中多个图像相互叠加。我们提出的解决方案只是绝对定位,并在父级上使用效果相对定位。组合图像并在单个图像上创建效果会容易得多。这让我想到了像Picnik这样的在线图像编辑器并想知道是否可以有一个基于浏览器的图像编辑器,它具有只用javascript编写的photo

c# - 无法异步使用 Ajax.BeginForm() 上传文件

我正在尝试使用Ajax.BeginForm()上传文件,但没有成功。我的View包含:@using(Ajax.BeginForm("UploadFile",null,newAjaxOptions{HttpMethod="POST",UpdateTargetId="result"},new{enctype="multipart/form-data"})){UploadNewFile</label>}对应的Controller是:[HttpPost]publicstringUploadFile(FormCollectionformData){HttpPostedFileBasefil