添加jsp
<li id="files" style="margin-left: 20px;">
<label class="mini-label" style="width: 160px;">文件上传:</label>
<input class='mini-textBox' id="filename" name="filename" style="width:400px;" />
<input class='mini-hidden' id="filepath" name="filepath" style="width:400px;" />
<a class="mini-button x" href="javascript:;" id="btnUpLoad">上传</a>
<input type="file" id="upload" name="upload" style="width: 250px;display: none" multiple="multiple" />
</li>
添加js
uploadFile({
subfix: ['xlsx', 'dbf', 'txt', 'jpg', 'zip', 'xls'],
url: "/ajax-upload-files.html",
subfixTip: "请选择xlsx,dbf,txt,.jpg,.zip,.xls类型的文件!",
successCall: function(data) {
mini.alert(data.flag);
var filename = mini.get('filename').getValue();
var filepath = mini.get('filepath').getValue();
if ("" == filename) {
mini.get("filename").setValue(data.fileName);
mini.get("filepath").setValue(data.savePath);
} else {
var fileNames = [];
var filePath = [];
fileNames.push(filename);
fileNames.push(data.fileName);
filePath.push(filepath);
filePath.push(data.savePath);
if (fileNames.length > 1) {
fileNames.join(",");
mini.get("filename").setValue(fileNames);
}
if (filePath.length > 1) {
filePath.join(",");
mini.get("filepath").setValue(filePath);
}
}
}
});
详情
jsp
<li style="float: inherit;" id="attachedListWrapper">
<label class="mini-label">附件:</label>
<!-- <a class="mini-div" id="file" name="filename" href=""></a> -->
</li>
详情js
setData: function(id) {
var me = this;
$.ajax({
url: contextPath + "/noticeBulletin/noticeBulletin-detail-load-data.html",
type: 'post',
dataType: 'json',
async: false,
data: {
id: id
},
success: function(data) {
if (data) {
me.form.setData(data);
// $('#file').attr('href', contextPath + path);
me.buildAttachedList(data.filepath, data.filename);
}
}
})
},
buildAttachedList: function(filepath, fileName) {
var pathArr = filepath.split(',');
var nameArr = fileName.split(',');
pathArr.forEach(function(e, i) {
$('#attachedListWrapper').append('<a style="margin-left: 20px;" href=' + (contextPath + e) + '>' + nameArr[i] + '</a>');
});
}