這篇文章主要介紹了Java使用Ajax實現跨域上傳圖片功能,需要的朋友可以參考下
#說明:
圖片伺服器是用Nginx搭建的,用的是PHP語言
這個功能需要用到兩個js檔:
jquery.js和jQuery.form.js
<script type="text/JavaScript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.form.js"></script> <form id="upload-form" enctype="multipart/form-data" method="post" action="http://u01.madailvxing.cn/images/upload.php"> <input type="file" name="pic[]"> <input type="hidden" name="MAX_FILE_SIZE" value="10000000"> <input type="submit" name="sub" value="上传" onclick="submitImgSize1Upload()"> </form> <script type="text/javascript"> function submitImgSize1Upload() { var postData = function( form , callback){ var form = document.getElementById("upload-form");//获取表单的数据 var formdata = new FormData( form );//格式化表单数据 $.ajax({ url: “跨域的url", type: "post", data: formdata, //处理表单数据 dataType: 'json', processData: false, contentType: false, //success: function(data){ // alert(data); // }, // error: function(data){ // console.log(data); // } }) $(".submit-btn").on("click",function(){ postData($(this).parents("form")[0]); }) }
下面是上傳成功截圖:
下圖是上傳成功後存取圖片:存取位址:
http://u01.madailvxing.cn/images/2017_09/ec16243fa22a20bb7573101f955a7f83.jpg
2017_9:資料夾名稱
#ec16243fa22a20bb7573101f955a7f83:php同事那邊隨機產生的這張圖片的檔名
總結
#以上是Java如何利用Ajax完成跨網域上傳圖片的功能介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本文討論了使用Maven和Gradle進行Java項目管理,構建自動化和依賴性解決方案,以比較其方法和優化策略。

本文使用Maven和Gradle之類的工具討論了具有適當的版本控制和依賴關係管理的自定義Java庫(JAR文件)的創建和使用。

本文討論了使用咖啡因和Guava緩存在Java中實施多層緩存以提高應用程序性能。它涵蓋設置,集成和績效優勢,以及配置和驅逐政策管理最佳PRA

本文討論了使用JPA進行對象相關映射,並具有高級功能,例如緩存和懶惰加載。它涵蓋了設置,實體映射和優化性能的最佳實踐,同時突出潛在的陷阱。[159個字符]

Java的類上載涉及使用帶有引導,擴展程序和應用程序類負載器的分層系統加載,鏈接和初始化類。父代授權模型確保首先加載核心類別,從而影響自定義類LOA

本文解釋了用於構建分佈式應用程序的Java的遠程方法調用(RMI)。 它詳細介紹了接口定義,實現,註冊表設置和客戶端調用,以解決網絡問題和安全性等挑戰。

本文詳細介紹了用於網絡通信的Java的套接字API,涵蓋了客戶服務器設置,數據處理和關鍵考慮因素,例如資源管理,錯誤處理和安全性。 它還探索了性能優化技術,我

本文詳細介紹了創建自定義Java網絡協議。 它涵蓋協議定義(數據結構,框架,錯誤處理,版本控制),實現(使用插座),數據序列化和最佳實踐(效率,安全性,維護


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

Atom編輯器mac版下載
最受歡迎的的開源編輯器

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SublimeText3 Linux新版
SublimeText3 Linux最新版

SublimeText3漢化版
中文版,非常好用