草庐IT

图片上传

全部标签

javascript - 如何使用 jQuery 客户端上传图片并将其添加到 div?

基本上,正如标题所说,我想要一个允许客户端上传图像的上传按钮,然后它会显示在一个div中。当然,这只是客户端,所以如果页面被刷新,图像就会消失。然后图像将相应地设置样式并指定固定的宽度和高度。我在网上搜索,根本找不到任何东西。虽然我可以流利地使用Javascript编写代码,但对jQuery还是很陌生。如果没有AJAX和/或PHP的帮助,也不确定这是否可行。如果可能,希望避免这些。非常感谢所有帮助。 最佳答案 这是一个有效的JSFiddle为你寻找的东西functionreadURL(e){if(this.files&&this.f

javascript - 如何使用 jQuery 或其他 js 框架将字符串上传为文件

使用javascript,我有一个字符串文件(通过ajax请求获得)。如何通过另一个ajax请求将其作为文件上传到服务器? 最佳答案 以下是无需手动构建多部分请求主体的方法:vars='somestringdata';varfilename='foobar.txt';varformData=newFormData();formData.append('file',newFile([newBlob([s])],filename));formData.append('another-form-field','somevalue');$.

javascript - Angular 2 - 预加载背景图片?

我有这个Angular项目,其中我有一个大背景图像填充页面和一个带有链接的简单侧边栏,单击该链接后,背景的url将更改为另一个图像(来自cdn)。由于这些图像相当大,它们需要一两秒钟才能加载,而且很明显,我想添加一个预加载器,但我不确定如何在Angular2中完成。在我的html中我有这个:变量urlImage被填充到组件的构造函数中,侧边栏链接通过一个简单的函数在点击时更改它的值,如下所示:generateImage(data:any){this.urlImage='http://example.com/mycdn/'+this.data.url+'.jpg';}所以url实际上是立

c# - 解码base64 Stream到图片

我正在使用javascript从客户端发送base64编码的图像(我正在使用http://supa.sourceforge.net/为asp.net应用程序创建屏幕截图上传程序小程序),这会向服务器发送一个ajax请求以存储图像。在服务器上,我在asp.net应用程序的GenericHanlder中使用HttpContext。如何将HttpContext中的图片数据转换为服务器端的图片? 最佳答案 首先,您需要将base64转换回字节:byte[]data=System.Convert.FromBase64String(fromBa

javascript - 无法让用户在注册过程中上传个人资料图片(Parse.com/JS SDK)

使用parse.com和JavaScriptSDK。该代码应允许用户注册并上传个人资料照片。已更新,这是我正在使用的代码,它在尝试注册用户时返回错误,控制台消息是UncaughtTypeError:Cannotreadproperty'length'ofundefined>$('#SignUp').click(function(e){>UserSignUp();});>>>functionUserSignUp(){>>varuser=newParse.User();>userFirstname=$('#firstnamesu').val();>userLastname=$('#last

javascript - 如何使用 gapi 和可恢复上传将文件上传到 Google Drive?

我正在尝试关注this通过GoogleApi在GoogleDrive上进行可恢复上传的指南。这是我的代码,您可以看到它按照指南的要求发出了2个请求,第一部分创建了元数据,然后我们使用该位置开始通过第一个请求创建的session上传文件。constfile=newFile(['Hello,world!'],'helloworld.txt',{type:'text/plain;charset=utf-8'});constcontentType=file.type||'application/octet-stream';constreqMetadata=gapi.client.request

javascript - 如何使用 Meteor 上传文件到 Amazon S3?

我正在尝试将文件上传到我的AmazonS3存储桶。S3和amazon已设置。这是来自亚马逊的错误消息:Conflictingquerystringparameters:acl,policy策略和签名被编码,Crypto.jsforNode.jsvarcrypto=Npm.require("crypto");我正在尝试使用MeteorHTTP.post方法构建POST请求。这也可能是错误的。varBucketName="mybucket";varAWSAccessKeyId="MY_ACCES_KEY";varAWSSecretKey="MY_SECRET_KEY";//createpo

javascript - 如何自定义Blueimp jQuery文件上传的上传/下载模板

我正在尝试使用jQueryFileUpload演示。我搜索了wiki&templateenginewiki但找不到如何在不使用表格行标记的情况下自定义上传/下载模板的答案。每次我删除/更改表格行标签时,它都不起作用。Bellow是我自定义的上传模板,它不起作用。我不知道为什么,有人可以帮忙吗?uploadTemplate:function(o){varrows=$();$.each(o.files,function(index,file){varrow=$(''+''+''+''+(file.error?'':''+''+'Start')+'Cancel');row.find('.na

javascript - 使用 AngularJS 和 ASP.NET Web API 上传/下载字节数组

我花了几天时间研究和研究上传/下载byte[]的解决方案。我很接近,但还有一个问题似乎在我的AngularJS代码块中。SO上有一个类似的问题,但没有回应。见https://stackoverflow.com/questions/23849665/web-api-accept-and-post-byte-array在我陈述我的问题之前,这里有一些背景信息来设置上下文。我正在尝试创建一个通用的客户端/服务器接口(interface)来上传和下载byte[],它们被用作专有服务器数据库的一部分。我在客户端使用TypeScript、AngularJS、JavaScript和Bootstrap

javascript - 通过websocket接收图片

我正在使用websockify将图像从python服务器显示到HTML5Canvas。我认为我已经成功地从我的python服务器发送图像,但我无法将图像显示到我的Canvas上。我认为问题与我试图在Canvas上显示的字节数有关,我相信我不会等到收到整个图像然后再将图像显示到Canvas上。到目前为止,我有:消息功能。当我发送图像时,我在控制台中得到12MESSAGERECEIVEDws.on('message',function(){//console.log("MESSAGERECEIVED!")msg(ws.rQshiftStr());});我接收字符串并尝试在Canvas上显示