求大神指点上传图片问题

2013-06-21 11:34:15 204 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

移动端h5页面拍照上传图片的时候图片旋转问题 0. 问题描述在项目中有个图片上传的组件(vue项目) <input ref="input" type="file" multiple="false" accept="image/*" @change="handleChange"> 在ios中点击的时候会有一个拍照的选项，但是！！！拍照的时候手机拿的方向不同，上传的图片会出现不同角度的旋转，具体现象如... 阅读详情

问题：我在本地用浏览器照相，在页面上保存了9个图片，全部显示好了。现在我要提交到服务器，input 的file没有办法赋值，怎么才能把这9个图片在点击提交按钮的时候提交到服务器！！！！！！！

...全文

dingding上传图片的问题关于dingding上传图片的问题今天开发中遇到一个问题,关于钉钉上传图片及浏览的问题先上官网api链接点这里. 问题在于:手机上直接拍摄的照片没办法点开大图浏览,而通过相册上传的图片则可以浏览,找了半天问题,发现是钉钉api中拍照的成功返回的result是数组,需要取到[0]才是正确的地址. 贴代码—> <img class="listItem" v-f... 阅读详情

是二子啊

Web 开发 81,108 成员 341,721 内容

+ 关注 + 加入社区

切换为时间正序

是二子啊 2013-06-24

打赏
举报

引用 6 楼 bhztltgg 的回复:

[quote=引用楼主 wojiaolibo 的回复:] 问题：我在本地用浏览器照相，在页面上保存了9个图片，全部显示好了。现在我要提交到服务器，input 的file没有办法赋值，怎么才能把这9个图片在点击提交按钮的时候提交到服务器！！！！！！！

楼主试试这个控件：http://www.cnblogs.com/xproer/archive/2010/10/24/1859895.html 此控件是基于标准HTTP协议实现的文件上传功能。优势是扩展性非常好，整合简单，支持批量上传文件和上传文件夹功能，上传前获取本地文件大小，适合各种简单WEB项目。另外一个特点是支持自动上传指定的本地文件。

单文件上传演示

上传本地文件代码使用步骤如下： 1.调用AddFile函数添加本地文件，注意路径需要使用双斜框(\\) 2.调用PostFirst函数开始上传文件。


<script type="text/javascript" language="javascript">
    	var uploaderMgr = new HttpUploaderMgr();
    	uploaderMgr.Load();//加载控件

	window.onload = function()
	{
		uploaderMgr.Init();//初始化控件
		//添加一个本地文件
		uploaderMgr.AddFile("D:\\Soft\\QQ2010.exe");
		uploaderMgr.PostFirst();

	};
</script>

单文件整合代码：


	服务器返回消息：<input id="txtFilePath" type="text" size="50" />
	<script type="text/javascript" language="javascript">
		var uploaderMgr = new HttpUploaderSingleMgr();
		uploaderMgr.Config["PostUrl"] = "http://localhost:8080/asp.net/upload.aspx";
		uploaderMgr.Load();
		//文件上传完成后执行的回调函数
		uploaderMgr.CompleteHook = function(msg)
		{
			document.getElementById("txtFilePath").value = msg;
		};

		window.onload = function()
		{
			uploaderMgr.Init();
		};
	</script>

示例下载： CAB安装包开发文档 ASP示例 ASP.NET示例 ASP.NET-FCKEditor2.x示例 JSP示例 PHP示例 [/quote] 谢谢大家回复。已经解决了，将图片转换成base64处理的。因为页面上需要只有9张图片和一个按钮。谢谢大家、如果大家有需要可以留言，我把源码贴出来。

是二子啊 2013-06-21

打赏
举报

引用 1 楼 e9876 的回复:

既然是在页面上的图片，就没办法拿到它的src吗？如果能拿到src，用js把src写入file的输入框后提交应该就OK了

file写不进去

e9876 2013-06-21

打赏
举报

既然是在页面上的图片，就没办法拿到它的src吗？如果能拿到src，用js把src写入file的输入框后提交应该就OK了

小囧虎 2013-06-21

打赏
举报

能不能看看你代码是怎么写的？

nmeniagaid 2013-06-21

打赏
举报

引用 6 楼 bhztltgg 的回复:

Xproer.HttpUploader2：http://www.cnblogs.com/xproer/archive/2010/10/24/1859895.html 此控件是基于标准HTTP协议实现的文件上传功能。优势是扩展性非常好，整合简单，支持批量上传文件和上传文件夹功能，上传前获取本地文件大小，适合各种简单WEB项目。另外一个特点是支持自动上传指定的本地文件。单文件上传演示上传本地文件代码使用步骤如下： 1.调用AddFile函数添加本地文件，注意路径需要使用双斜框(\\) 2.调用PostFirst函数开始上传文件。
<script type="text/javascript" language="javascript">
    	var uploaderMgr = new HttpUploaderMgr();
    	uploaderMgr.Load();//加载控件

	window.onload = function()
	{
		uploaderMgr.Init();//初始化控件
		//添加一个本地文件
		uploaderMgr.AddFile("D:\\Soft\\QQ2010.exe");
		uploaderMgr.PostFirst();

	};
</script>
单文件整合代码：
	服务器返回消息：<input id="txtFilePath" type="text" size="50" />
	<script type="text/javascript" language="javascript">
		var uploaderMgr = new HttpUploaderSingleMgr();
		uploaderMgr.Config["PostUrl"] = "http://localhost:8080/asp.net/upload.aspx";
		uploaderMgr.Load();
		//文件上传完成后执行的回调函数
		uploaderMgr.CompleteHook = function(msg)
		{
			document.getElementById("txtFilePath").value = msg;
		};

		window.onload = function()
		{
			uploaderMgr.Init();
		};
	</script>
示例下载： CAB安装包开发文档 ASP示例 ASP.NET示例 ASP.NET-FCKEditor2.x示例 JSP示例 PHP示例

不错。收下了。这个功能比较适合一些企业OA项目。

bhztltgg 2013-06-21

打赏
举报

引用楼主 wojiaolibo 的回复:

问题：我在本地用浏览器照相，在页面上保存了9个图片，全部显示好了。现在我要提交到服务器，input 的file没有办法赋值，怎么才能把这9个图片在点击提交按钮的时候提交到服务器！！！！！！！

单文件上传演示

上传本地文件代码使用步骤如下： 1.调用AddFile函数添加本地文件，注意路径需要使用双斜框(\\) 2.调用PostFirst函数开始上传文件。


<script type="text/javascript" language="javascript">
    	var uploaderMgr = new HttpUploaderMgr();
    	uploaderMgr.Load();//加载控件

	window.onload = function()
	{
		uploaderMgr.Init();//初始化控件
		//添加一个本地文件
		uploaderMgr.AddFile("D:\\Soft\\QQ2010.exe");
		uploaderMgr.PostFirst();

	};
</script>

单文件整合代码：


	服务器返回消息：<input id="txtFilePath" type="text" size="50" />
	<script type="text/javascript" language="javascript">
		var uploaderMgr = new HttpUploaderSingleMgr();
		uploaderMgr.Config["PostUrl"] = "http://localhost:8080/asp.net/upload.aspx";
		uploaderMgr.Load();
		//文件上传完成后执行的回调函数
		uploaderMgr.CompleteHook = function(msg)
		{
			document.getElementById("txtFilePath").value = msg;
		};

		window.onload = function()
		{
			uploaderMgr.Init();
		};
	</script>

示例下载： CAB安装包开发文档 ASP示例 ASP.NET示例 ASP.NET-FCKEditor2.x示例 JSP示例 PHP示例