图片上传到服务器后，如何转换成代码在网站上显示？ 在网站中把word文档上传服务器转换成图片怎么实现（类似百度...
\u5982\u4f55\u5c06\u670d\u52a1\u5668\u4f20\u6765\u7684\u5b57\u7b26\u4e32\u8f6c\u6210HTML\u663e\u793a\u5728\u524d\u7aef\u9875\u9762var str = data.string;//\u83b7\u53d6\u670d\u52a1\u5668\u4f20\u6765\u7684\u5b57\u7b26\u4e32var $a = $(str);//\u8f6c\u6362\u4e3ajquery\u5bf9\u8c61$("#container").append($a);//\u6dfb\u52a0\u5230\u4f60\u60f3\u653e\u7684\u5730\u65b9
\u4e0b\u8f7d\u683c\u5f0f\u8f6c\u5316\u5668\uff0c360\u91cc\u6709
可以使用html5，要将图片转换成base64需要使用到一个html5的接口FileReader.readAsDataURL()接口说明,这个接口可以将文件转换成base64编码格式，并且再以data：URL的形式展现出来思路
1.创建三个html标签，input用来上传图片，textarea用来显示base64代码，因为base64代码内容很多所以使用textarea标签，p标签用来显示图片。
2.使用js调用html5的FileReader.readAsDataURL()的API，声明三个变量用于控制图片上传，base64代码显示以及图片的显示。
3.img_upload.addEventListener('change',readFile,false);添加一个监听事件，如果上传文件发生变化就执行readFile函数。
4.readFile函数的内容就是调用接口，将图片转换成base64再输出。
5.在执行转换和输出之前先判断一下上传文件是不是图片。
<img src="02.jpg"/>
绛旓細浣跨敤鍦ㄧ嚎杞崲宸ュ叿锛氬浜庝笉闇瑕侀澶栧畨瑁呰蒋浠剁殑鐢ㄦ埛锛鍙互浣跨敤鍦ㄧ嚎杞崲宸ュ叿锛屽SmallPDF銆両LovePDF鎴朲amzar绛銆傝繖浜涚綉绔欏厑璁告偍涓婁紶鍥剧墖鏂囦欢锛屽苟鍦ㄧ嚎灏嗗畠浠浆鎹负PDF銆傝繖绉嶆柟娉曠殑濂藉鏄偍鍙互鍦ㄤ换浣曟湁缃戠粶杩炴帴鐨勮绠楁満涓婁娇鐢ㄥ畠锛屼絾璇锋敞鎰忛殣绉侀棶棰橈紝鍥犱负鎮ㄤ細涓婁紶鑷繁鐨勬枃浠跺埌绗笁鏂规湇鍔″櫒銆備娇鐢ㄥ浘鍍忕紪杈戣蒋浠讹細濡傛灉鎮...
绛旓細灏嗗浘鐗囪浆鎹㈡垚缃戝潃鎴栦簩缁寸爜鏈鏄撳疄鐜扮殑鏂瑰紡鏄娇鐢ㄥ湪绾夸簩缁寸爜鐢熸垚宸ュ叿锛岀畝鍗曚究鎹枫傛柟娉曞涓:涓銆佸噯澶囬渶瑕佺敓鎴愪簩缁寸爜鐨勫浘鐗囨枃浠讹紱浜屻佺數鑴戠鎼滅储鍜屾墦寮鍦ㄧ嚎鐢熸垚骞冲彴锛堟墜鏈虹鍙湪寰俊鍐呮悳绱㈠苟鎵撳紑灏忕▼搴忊滃涔愬鈥濓級锛涗笁銆佸湪骞冲彴棣栭〉鐐瑰嚮銆愬浘鐗囥- 鍦ㄦ搷浣滃尯鐐瑰嚮涓婁紶鍥剧墖鏂囦欢銆傛敮鎸佷竴娆′笂浼犲寮犲浘鐗 鏀寔澶氱灞曠ず鏁...
绛旓細1銆侀鍏堢偣鍑婚渶瑕佹洿鏀筳pg鏍煎紡鐨勫浘鐗囷紝鍙抽敭锛屽湪灞曞紑鍒楄〃涓夋嫨灞炴ф垨鑰呴噸鍛藉悕銆2銆佺偣鍑婚噸鍛藉悕鎴栬繖灞炴у悗锛屽悗灏嗘枃浠跺悕鍚庣紑鐨刾ng鏀规垚jpg鍗冲彲銆傚湪鍥剧墖鏍囪澶勬墜鍔ㄦ洿鏀规枃浠跺悕鍚庣紑锛岀劧鍚庣偣鍑讳笅鏂圭殑鈥滅‘瀹氣濇寜閽氨淇濆瓨鎴愬姛浜嗐傜浜岀鏂规硶锛氫娇鐢ㄥ湪绾胯浆鎹㈢綉绔 鎿嶄綔濡備笅锛1銆佹墦寮鍦ㄧ嚎png杞琷pg缃戝潃锛歨ttps://pdftoword....
绛旓細鍙互浣跨敤html5锛岃灏嗗浘鐗囪浆鎹㈡垚base64闇瑕佷娇鐢ㄥ埌涓涓猦tml5鐨勬帴鍙ileReader.readAsDataURL()鎺ュ彛璇存槑,杩欎釜鎺ュ彛鍙互灏嗘枃浠惰浆鎹㈡垚base64缂栫爜鏍煎紡锛屽苟涓斿啀浠ata锛歎RL鐨勫舰寮忓睍鐜板嚭鏉 鎬濊矾 1.鍒涘缓涓変釜html鏍囩锛宨nput鐢ㄦ潵涓婁紶鍥剧墖锛宼extarea鐢ㄦ潵鏄剧ずbase64浠ｇ爜锛屽洜涓篵ase64浠ｇ爜鍐呭寰堝鎵浠ヤ娇鐢╰extarea鏍囩锛宲鏍囩鐢...
绛旓細1. 閫夋嫨閫傚綋鐨勫伐鍏凤細Adobe Illustrator銆両nkscape绛変笓涓氱殑鐭㈤噺鍥惧舰缂栬緫杞欢锛屼互鍙婂Vector Magic绛夊湪绾胯浆鎹㈠伐鍏凤紝閮藉彲浠ュ疄鐜板浘鐗囩殑鐭㈤噺鍖銆傝繖浜涘伐鍏峰悇鏈夌壒鐐癸紝鍙互鏍规嵁鍏蜂綋闇姹傚拰涓汉鍋忓ソ鏉ラ夋嫨銆2. 瀵煎叆鍥剧墖锛氬湪閫夊畾鐨勮蒋浠朵腑锛屾墦寮闇瑕佽浆鎹㈢殑鍥剧墖銆備竴浜涘湪绾垮伐鍏峰彲鑳借姹備笂浼犲浘鐗囧埌鍏舵湇鍔″櫒銆3. 杩涜鐭㈤噺鍖栧鐞...
绛旓細棣栧厛锛屾偍鍙互浣跨敤鍥惧儚缂栬緫杞欢锛屼緥濡侫dobe Photoshop鎴朑IMP锛屽皢PNG鏂囦欢鎵撳紑骞跺皢鍏跺彟瀛樹负JPG鏂囦欢銆傚湪淇濆瓨鏂囦欢鐨勮繃绋嬩腑锛屾偍鍙互閫夋嫨鏂囦欢鏍煎紡鍜屾枃浠惰川閲忕瓑閫夐」銆鍙︿竴绉嶆柟娉曟槸浣跨敤鍦ㄧ嚎杞崲宸ュ叿锛屼緥濡俍amzar鎴朇onvertio銆傝繖浜涘伐鍏烽氬父鍏佽鎮ㄥ皢PNG鏂囦欢涓婁紶鍒板叾鏈嶅姟鍣ㄥ苟灏嗗叾杞崲涓篔PG鏂囦欢銆備竴鏃﹁浆鎹㈠畬鎴愶紝鎮ㄥ彲浠ヤ笅杞借浆鎹...
绛旓細1:涓嬭浇鎵归噺杞崲绋嬪簭銆傚鏋滀綘鏈夊ぇ閲鍥剧墖鏂囦欢闇瑕佷粠JPG鏍煎紡杞崲鎴PNG鏍煎紡锛堟垨鍏跺畠鍥剧墖鏍煎紡锛夛紝閭ｄ箞涓嬭浇浣跨敤杞崲绋嬪簭灏嗚兘涓轰綘鑺傜渷澶ч噺鏃堕棿銆佸噺杞诲伐浣滈噺銆傝繖浜涚▼搴忚繕鏈変竴涓ソ澶勶紝灏辨槸鑳借浣犵殑鏂囦欢鐣欏湪鏈湴璁惧涓婏紝鏃犻渶涓婁紶鍒杞崲鏈嶅姟鍣銆傚叾涓渶鍙楁杩庣殑鎵归噺杞崲绋嬪簭鏄疊ulk Image Converter锛堟壒閲鍥惧儚鐨杞崲鍣锛...
绛旓細閫夋嫨瀹岀洰鏍囨牸寮鍚庯紝鐢ㄦ埛鍙渶鐐瑰嚮“寮濮嬭浆鎹”鎸夐挳锛岀綉绔欏氨浼氬紑濮嬪皢涓婁紶鐨鐓х墖杞崲鎴鐩爣鏍煎紡銆傝浆鎹㈣繃绋嬮氬父闇瑕佸嚑绉掗挓鍒板嚑鍒嗛挓鐨勬椂闂达紝鍏蜂綋鏃堕棿鍙栧喅浜庣収鐗囩殑澶у皬鍜岀綉绔欑殑鏈嶅姟鍣鎬ц兘銆傚綋杞崲瀹屾垚鍚庯紝缃戠珯浼氭彁渚涗竴涓笅杞介摼鎺ユ垨鑰呮寜閽紝鐢ㄦ埛鍙渶鐐瑰嚮鍗冲彲涓嬭浇杞崲鍚庣殑鐓х墖銆備笅杞藉畬鎴愬悗锛岀敤鎴峰氨鍙互鍦...
绛旓細鍥剧墖閫夋嫨鍜屼笂浼狅細鍦ㄩ夋嫨鍥剧墖鏃讹紝娉ㄦ剰鍥剧墖鐨勬竻鏅板害鍜岃川閲忥紝鍥犱负杩欏皢鐩存帴褰卞搷杞崲鍚庢枃鏈殑璐ㄩ噺銆傞夋嫨濂藉浘鐗鍚庯紝鐐瑰嚮鈥滅‘瀹氣濇寜閽紝搴旂敤绋嬪簭閫氬父浼氳嚜鍔ㄥ皢鍥剧墖涓婁紶鍒浜戠鏈嶅姟鍣杩涜鏂囨湰璇嗗埆鍜岃浆鎹傛枃鏈瘑鍒拰缂栬緫锛氬湪鏂囨。缂栬緫鍣ㄤ腑锛屼綘灏嗙湅鍒拌嚜宸遍夋嫨鐨勫浘鐗囥傜偣鍑诲浘鐗囷紝骞朵粠寮瑰嚭鐨勮彍鍗曚腑閫夋嫨鈥滆瘑鍒枃瀛椻濋夐」銆
绛旓細鍥剧墖鏄彲浠ヨ浆鎹㈡垚word鏂囨。鐨勩傜幇鍦ㄥ悇绫昏浆鎹㈠伐鍏风浉褰撳锛鍥剧墖杞崲鎴word鏂囨。鏄叾涓箣涓銆備篃鏄ぇ瀹剁粡甯哥敤鍒扮殑銆傚噯澶囧ソ鎴戜滑闇瑕佽浆鍖栫殑鍥剧墖锛1銆佹墦寮寰俊锛岀偣鍑诲彸涓婃柟鐨勬斁澶ч暅锛屾悳绱⑩滃浘鐗囨枃瀛楄瘑鍒濄2銆佺偣鍑烩滃浘鐗囨枃瀛楄瘑鍒濓紝杩涘叆鐣岄潰鍚庯紝閫夋嫨搴曚笅鐩稿唽銆備粠杩欓噷瀵煎叆鎴戜滑闇瑕佽浆鐨勫浘鐗囥3銆佽皟鏁村ソ闇瑕佽浆鎹㈢殑鍥剧墖锛...
