ajax自动上传图片

ajax自动上传图片,第1张

上传的话,你做一个隐藏控件。用onchange事件进行监听。然后form表单提交到一个iframe中处理就可以了。根本不用ajax。上传完了以后再iframe中向上层写一个值,表示上传完成,或者直接写上传地址。然后再提交就可以了。

这个 if(data)

是你是否添加了参数支持。。。

如果有参数

jQuery('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form)

下面这里就吃赋值到一个隐藏域。。这里有没有 和你后面 的

所以每次都会进到error里面, 是没有必然联系的至于 你为什么老是进 ERROR里面 肯定是交互或者是前台代码出错 具体 你可以在火狐下面执行 看报什么错 如果没有错 再看看 是不是 url: 不能访问的(直接拿url 到浏览器地址访问 看看 有没有报错 )

前端代码没有问题 url 也可以访问 那就是后台问题。。逐个排查 如果还是不能解决 可以给我信息 我帮你看看

File Upload组件啊,是同步还是异步呢

html部分:

<input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*">

文件引入:

<link rel="stylesheet" type="text/css" href="diyUpload/css/diyUpload.css"><script type="text/javascript" src="diyUpload/js/diyUpload.js"></script>

HTML部分:

<div id="demo"> <div id="as" ></div></div>

JS部分:

<script type="text/javascript">

/** 服务器地址,成功返回,失败返回参数格式依照jquery.ajax习惯* 其他参数同WebUploader*/

$('#as').diyUpload({

url:'server/fileupload.php',

success:function( data ) {

console.info( data ) },

error:function( err ) {

console.info( err )

},

buttonText : '选择文件',chunked:true,// 分片大小

chunkSize:512 * 1024,//最大上传的文件数量, 总文件大小,单个文件大小(单位字节)

fileNumLimit:50,

fileSizeLimit:500000 * 1024,

fileSingleSizeLimit:50000 * 1024,

accept: {}})

</script>


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/763173.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-19
下一篇2023-08-19

发表评论

登录后才能评论

评论列表(0条)

    保存