微信的html5图片上传功能是一种非常方便的方式,方便用户将图片上传到微信服务器并进行分享。下面是一段上传图片的基本代码:
//选择上传图片并进行预览 $('#uploadBtn').on('change', function(e){ //获取文件并进行预览 var files = e.target.files; var file = files[0]; var reader = new FileReader(); reader.onload = function(){ $('#previewImg').attr('src', reader.result); } reader.readAsDataURL(file); //将图片上传到微信服务器 var formData = new FormData(); formData.append('file', file); $.ajax({ url: 'https://api.weixin.qq.com/cgi-bin/media/uploadimg', type: 'POST', data: formData, contentType: false, processData: false, success: function(data){ console.log(data); }, error: function(xhr, status, error){ console.log(error); } }); });
这段代码首先监听了一个按钮的点击事件,当用户选择了一张图片后,就会自动进行预览,并将图片上传到微信服务器上。在这个过程中,我们使用了FileReader来获取图片并进行预览,使用了FormData来进行表单数据的提交,以及使用了jQuery的ajax方法来发送请求。