jqueryupload上传图片如何获取路径
上传时是由php完成的,那也就是说jquery uploadify会向一个php页面进行请求,请求就会有返回值,将上传完成后的指定的路径跟名字返回即可比如:'onComplete' :function(event, queueID, fileObj, reposnse, data) { $("#upImg").val(reposnse); }这里就是在请求php完成后函数返回值,其中reposnse就是php返回的结果,$("#upImg").val(reposnse);我这里将返回的路径名字给id为upImg的隐藏域里,方便进行表单提交 php的返回值就是echo的内容,比如请求的upload.php上传完成后我指定的路径跟名字赋给变量$val,那我只需要在upload.php最后echo $val;
怎么才能把图片弄到网页上
首先回答下题主的问题:
①是否可以实现,以及如何实现?
答:可以实现,而且是前端实现,详细说明在下面
②如果可以实现,对于用户上传的图片格式有无限制?(PNG/JPG等)
答:
没有任何限制以下是详细说明:
前端用
html2canvas.js
可以把html转成canvas
最后输出base64
码图片用法非常简单.
注意:示例中使用了
jquery
库.使用以下代码生成:
第一个参数是要捕捉的区域
第二个参数负责生成
生成的
base64
图片码类似这样如果题主的后端需要保存可以用PHP的GD库处理这个base64然后直接输出成图片文件
前端只要将base64放到a标签的href里让用户点击即可查看/下载
可以到我写的
工作流程图
里看看效果首先拖几个控件到设计区域
然后点击 保存 - 保存为图片 Download
一张图片就出来了
不过它是不支持CSS3部分属性的
但是根据题主的描述,应该不会用到CSS3,所以
html2canvas+GD库
足够用了jquery实现下载文件
通过jquery异步,后台将datatable数据写进excel,然后生成excel文件保存到服务器,然后返回文件名到前台,提示是否下载文件即可,参考代码如下:
// Ajax 文件下载
jQuery.download = function (url, data, method) {
// 获取url和data
if (url && data) {
// data 是 string 或者 array/object
data = typeof data == 'string' ? data : jQuery.param(data);
// 把参数组装成 form的 input
var inputs = '';
jQuery.each(data.split('&'), function () {
var pair = this.split('=');
inputs += '';
});
// request发送请求
jQuery('
').appendTo('body').submit().remove();
};
};
发表评论