php javascript 图像上传和编辑
Php Javascript Image Upload and Edit
我正在寻找一个Php/Javascript示例脚本,它可以帮助我,并成为构建上传图像的工具的基础,而不是拖动/旋转/缩放并将它们放置在蒙版/框架下。类似于自定义照片打印站点中使用的工具。有什么帮助吗?
如果您想学习如何自己编写上传器代码,您可以找到许多很好的教程。这是一个基本的。您还可以在此处和此处找到一些预先构建的。您还可以在此处和此处找到可以为您完成此操作的jQuery插件。
对于图像处理,您可以在此处和此处学习如何编写代码。或者,您可以使用可在此处找到的预构建版本。
我知道很多人不喜欢回答你可以在搜索引擎上轻松找到的东西。因此,如果您搜索了某些内容但找不到所需的内容,我建议您下次再解释一下。如果您只是在自己进行搜索之前寻求建议,那么在您获得任何答案之前,这很可能会被锁定,因为它们都是主观的。
请尝试此示例,例如您的要求
<form method="POST" enctype="multipart/form-data">
<input type="file" id="file">
<div id="preview"></div>
<br>
<a href="#" id="counter"><- counter</a>
<select id="degree">
<option>90</option>
<option>45</option>
</select>
<a href="#" id="clockwise">clockwise -></a>
<hr>
<button type="submit">save image</button>
.css
#preview img {
max-height: 300px;
max-width: 300px;
}
脚本
$('a').click(function(){
var a = $('img').getRotateAngle();
var d = Math.abs($('#degree').val());
if($(this).attr('id') == 'counter'){
//d = -Math.abs(+a - +d);
d = a - d;
}
else{d = +a + +d;}
$('img').rotate({animateTo:d});
});
/* image preview */
$('#file').change(function(){
var oFReader = new FileReader();
oFReader.readAsDataURL(this.files[0]);
console.log(this.files[0]);
oFReader.onload = function (oFREvent) {
$('#preview').html('<img src="'+oFREvent.target.result+'">');
};
});
并检查小提琴 http://jsfiddle.net/AxRJh/
相关文章:
- 如何在visualstudio中调试web api时编辑javascript文件
- 无法在Chrome开发工具中实时编辑Javascript
- 有人能用for循环和splice命令帮助编辑Javascript字符串吗
- IDEA+Grunt-如何实时编辑JavaScript
- 编辑javascript画布动画
- 如何从ajax get请求的回调函数中编辑javascript变量的值
- Eclipse中的Tomcat:在不重新部署的情况下编辑Javascript
- 使用jsp编辑javascript
- 如何在LightTable中实时编辑JavaScript
- 什么是编辑javascript的好IDE
- 在 SciTE 中测试和编辑 JavaScript(独立和 HTML 格式)
- 编辑 Javascript 以正确对齐
- 无法在 Chrome 开发工具中编辑 JavaScript
- 在 html 中编辑 javascript 属性
- 如何从Microsoft Edge编辑JavaScript
- 在浏览器中,在FireBug中编辑Javascript
- 在浏览器端编辑javascript
- Liferay 6.0.6/JBOSS-如何在不不断重新部署的情况下在portlet中编辑JavaScript
- 如何在ace编辑器中保存或编辑javascript文件
- 添加/编辑Javascript程序来计算最小,最大,总和平均数组元素