微信公众平台开发,表单要上传图片。思路见代码
html部分
<form id='form_file' method="post" action="upload.php" target='frameFile'enctype="multipart/form-data" >
<img id='pre-img' src="" />
<input type="file" name='image_url' id='file_upload' value="上传图片"/>
<input type="hidden" name='img' value=''>
</form>
js部分
$(function(){
$('#file_upload').change(function(){
$('#form_file').submit();
});
});
function upload_success (msg) {
if (msg.err == 0) {
$('#pre-img').attr('src', msg.file_path);
$('input[name="img"]').val(msg.file_path);
} else {
swal(msg.msg);
return false;
}
}
PHP处理
// 图片上传错误处理
if ($img_info['error']) {
$response = array('err'=>1, 'msg'=>$img_info['error']);
} else {
$response = array(
'err'=>0,
'file_path'=>$img_info['image_url']['savepath'].$img_info['image_url']['savename']
);
}
电脑上测试是正常,但是传到微信上就会post到新的空白页。
求解!