上传图片
来源:互联网 发布:linux man 退出 编辑:程序博客网 时间:2024/06/06 18:04
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-1.8.0.js"></script></head><body><input type="file" id="uploadFile" onchange="inputchange()" filetype="image/*" /><script> // 图片选择改变事件 function inputchange(){ var file =document.getElementById("uploadFile"); if(window.FileReader){//chrome,firefox7+,opera,IE10+ oFReader = new FileReader(); oFReader.readAsDataURL(file.files[0]); oFReader.onload = function (oFREvent) { uploadImage(oFREvent.target.result); // oFREvent.target.result 结果就是base64的数据 }; } } // 图片上传 function uploadImage(imageData){ $.ajax({ url: 'https://api.hgdqdev.cn/api/upload', data: { imgData: imageData // 图片数据流 }, dataType: 'json', type: 'post', success: function(data) { if (data.status == 100 ) { var img = '#image' + tag; $(img).attr('src',data.imageUrl); }else{ alert('图片上传失败!'); } }, error: function(xhr, type, errorThrown) { alert('网络异常,请稍后再试!'); } }); }</script></body></html>
阅读全文
0 0
- 图片上传
- 上传图片
- 上传图片
- 上传图片
- 上传图片
- 上传图片
- 图片上传
- 图片上传
- 上传图片
- 上传图片
- 图片上传
- 图片上传
- 图片上传
- 图片上传
- 上传图片
- 上传图片
- 上传图片
- 图片上传
- 数据结构与算法分析 习题1.1
- 文章标题
- 安装tensorflow 的过程简介
- Eclemma各种安装方式以及安装失败解决
- JAVA继承机制
- 上传图片
- leetcode 543. Diameter of Binary Tree
- ATL IDispatch调度接口
- 排序之希尔排序(java)
- HDU 3416 Marriage Match IV SPFA+dinic 不相交最短路数目
- 2017-08-11所学随笔
- 廖雪峰《Python3 基础教程》读书笔记——第十三章 正则表达式
- javax.mail.AuthenticationFailedException: 这才是正确的答案
- Enable embedded cef fullscreen