Heim > Java > javaLernprogramm > Beherrschen Sie Java und verwenden Sie Ajax, um die domänenübergreifende Bild-Upload-Funktion zu implementieren

Beherrschen Sie Java und verwenden Sie Ajax, um die domänenübergreifende Bild-Upload-Funktion zu implementieren

coldplay.xixi
Freigeben: 2020-08-24 17:24:53
nach vorne
2117 Leute haben es durchsucht

🔜 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: &#39;json&#39;,
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]);
}) 
}
Nach dem Login kopieren
Beherrschen Sie Java und verwenden Sie Ajax, um die domänenübergreifende Bild-Upload-Funktion zu implementierenDas Folgende ist ein Screenshot des erfolgreichen Uploads:

Das folgende Bild ist das Zugriffsbild nach erfolgreichem Upload: Zugriffsadresse: http://u01.madailvxing.cn/images/2017_09/ ec16243fa22a20bb7573101f955a7f83.jpg

2017_9: Ordnername

ec16243fa22a20bb7573101f955a7f83: Der Dateiname dieses Bildes, zufällig generiert von einem PHP-Kollegen

Empfohlene verwandte Artikel:

Ajax-Video-Tutorial

Das obige ist der detaillierte Inhalt vonBeherrschen Sie Java und verwenden Sie Ajax, um die domänenübergreifende Bild-Upload-Funktion zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:jb51.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage