Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Schritte zum Implementieren des Datei-Uploads mit Jquery+LigerUI geben Das Folgende ist ein praktischer Fall. Dieser Artikel analysiert und stellt die Methode von LigerUI in Jquery zum Implementieren des Datei-Uploads vor. Freunde, die es benötigen, können darauf verweisen
1 >2. p-Code in HTML
<script src="../lib/js/ajaxfileupload.js" type="text/ javascript "></script> <script src="../lib/js/ligerui.expand.js" type="text/javascript"></script>
3. Js – schreibe den Schlüsselteil, kenne LigerUI Freunde – du weißt schon
<p id="AppendBill_p" style=" display :none;"> <%-- 上传 - 单 --%> <table style="height:100%;width:100%"> <tr style="height:40px"> <td style="width:20%"> 图标: </td> <td><input type="file" style="width:200px" id="fileupload" name="fileupload"/> </td> </tr> </table> </p>
1. Elemente zum Raster hinzufügen [Adressfeld speichern]
2. Formular kann Elemente hinzufügen [Adresse speichern und Popup-Auswahlfeld] 】
{ display: "扫描件", name: "AppendBillPath", width: 120, type: "text", align: "left" }3. Ereignisse
{ name: "AppendBillPath1", type: "hidden" }, // --上传-【5】--
{ display: "扫描件", name: "AppendBillPath", comboboxName: "AppendBillPath2", newline: true, labelWidth: 100, width: 150, space: 30, type: "select", options: {}} // --上传-【6】--
$.ligerui.get("AppendBillPath2").set('onBeforeOpen', f_selectAppendBillPath_1) // 【扫描件】 // --上传-【7】--Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben, bitte achten Sie darauf Weitere spannende Dinge auf der chinesischen PHP-Website!
// #region ======================================= 【上传扫描件窗口】 // --上传-【8】--
var AppendBillPathDetail = null;
function f_selectAppendBillPath_1() {
var imageurl = $("#AppendBill").val();
var AppendBill_Id = $("#AppendBill").val(); // 单号
if (imageurl.length == 0) {
LG.showError("您没有输入单号，请输入随单号！");
return;
}
if (AppendBillPathDetail) {
AppendBillPathDetail.show();
}
else {
AppendBillPathDetail = $.ligerDialog.open({
target: $("#AppendBill_p"), title: '添加图标',
width: 360, height: 170, top: 170, left: 280, // 弹出窗口大小
buttons: [
{ text: '上传',
onclick
: function () { AppendBillPath_save(); } },
{ text: '取消', onclick: function () { AppendBillPathDetail.hide(); } }
]
});
}
}
function AppendBillPath_save()
{
var imgurl = $("#fileupload").val();
// var filehelpcode = $("#filehelpcode").val();
var extend = imgurl.substring(imgurl.lastIndexOf("."), imgurl.length);
extend = extend.toLowerCase();
if (extend == ".jpg" || extend == ".jpeg" || extend == ".png" || extend == ".gif" || extend == ".bmp")
{
}
else
{
LG.showError("请上传jpg,jpep,png,gif,bmp格式的图片文件");
return;
}
var imageurl = $("#AppendBill").val(); // extend
alert(imageurl);
$.ajaxFileUpload({
url: "../handle/ImageUpload.aspx?imageurl=" + imageurl, // --上传-【9】-- aspx文件
secureuri: false,
fileElementId: "fileupload", //Input file id
dataType: "text",
success: function (data, status)
{
// ----------------- // 保存路径
// $("#AppendBillPath2").val(Data);
LG.tip(data);
f_reload();
},
error: function (data, status, e) {
LG.showError(data);
}
});
}
// #endregionJQuery+AJAX-Implementierungsdatei herunterladen
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zum Implementieren des Datei-Uploads mit Jquery+LigerUI. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
