基于Bootstrap 3可预览的HTML5文件上传插件

命运◎黑曼巴0
2018/6/14 14:11:18
已经搞定了....

尼古拉斯-赵四0
2019/6/19 10:25:34
请问怎么把文件发送到后端的url并回调啊？

山河故人0
2019/1/2 10:30:30
你的返回值不对

怎么使用中文？

(?ω?)0
2019/1/4 19:27:20

我看Demo是直接将 language属性设置为zh就是中文了


$('#file').fileinput({
   language: 'zh'
});

但是我刚开始没发现这个设置，就自己手动去翻译成中文了

(?ω?)1
2019/1/7 16:35:55

上面那个方法有些人说没有用，那么可以将最面那段中文标签的代码复制到fileinput.js中，替换掉


if (lang !== 'en' && !isEmpty($.fn.fileinputLocales[lang])) {
    alert(lang);
    l = $.fn.fileinputLocales[lang] || {};
}

这一段，就是中文的了

(?ω?)1
2019/1/7 16:36:55

l = $.fn.fileinputLocales['zh'] = {
        fileSingle: '文件',
        filePlural: '个文件',
        browseLabel: '选择 …',
        removeLabel: '移除',
        removeTitle: '清除选中文件',
        cancelLabel: '取消',
        cancelTitle: '取消进行中的上传',
        uploadLabel: '上传',
        uploadTitle: '上传选中文件',
        msgNo: '没有',
        msgNoFilesSelected: '',
        msgCancelled: '取消',
        msgZoomModalHeading: '详细预览',
        msgSizeTooSmall: 'File "{name}" (<b>{size} KB</b>) is too small and must be larger than <b>{minSize} KB</b>.',
        msgSizeTooLarge: '文件 "{name}" (<b>{size} KB</b>) 超过了允许大小 <b>{maxSize} KB</b>.',
        msgFilesTooLess: '你必须选择最少 <b>{n}</b> {files} 来上传. ',
        msgFilesTooMany: '选择的上传文件个数 <b>({n})</b> 超出最大文件的限制个数 <b>{m}</b>.',
        msgFileNotFound: '文件 "{name}" 未找到!',
        msgFileSecured: '安全限制，为了防止读取文件 "{name}".',
        msgFileNotReadable: '文件 "{name}" 不可读.',
        msgFilePreviewAborted: '取消 "{name}" 的预览.',
        msgFilePreviewError: '读取 "{name}" 时出现了一个错误.',
        msgInvalidFileName: 'Invalid or unsupported characters in file name "{name}".',
        msgInvalidFileType: '不正确的类型 "{name}". 只支持 "{types}" 类型的文件.',
        msgInvalidFileExtension: '不正确的文件扩展名 "{name}". 只支持 "{extensions}" 的文件扩展名.',
        msgUploadAborted: '该文件上传被中止',
        msgUploadThreshold: 'Processing...',
        msgValidati: '验证错误',
        msgLoading: '加载第 {index} 文件 共 {files} …',

(?ω?)0
2019/1/7 16:37:46

msgValidati: '验证错误',
    msgLoading: '加载第 {index} 文件 共 {files} …',
    msgProgress: '加载第 {index} 文件 共 {files} - {name} - {percent}% 完成.',
    msgSelected: '{n} {files} 选中',
    msgFoldersNotAllowed: '只支持拖拽文件! 跳过 {n} 拖拽的文件夹.',
    msgImageWidthSmall: '宽度的图像文件的"{name}"的必须是至少{size}像素.',
    msgImageHeightSmall: '图像文件的"{name}"的高度必须至少为{size}像素.',
    msgImageWidthLarge: '宽度的图像文件"{name}"不能超过{size}像素.',
    msgImageHeightLarge: '图像文件"{name}"的高度不能超过{size}像素.',
    msgImageResizeError: '无法获取的图像尺寸调整。',
    msgImageResizeException: '错误而调整图像大小。{errors}',
    ZoneTitle: '拖拽文件到这里 …
支持多文件同时上传 ',
ZoneClickTitle: '
    (或点击 {
            files
        }
        按钮选择文件)
',
fileActionSettings: {
    removeTitle: '删除文件',
    uploadTitle: '上传文件',
    zoomTitle: '查看详情',
    dragTitle: '移动 / 重置',
    indicatorNewTitle: '没有上传',
    indicatorSuccessTitle: '上传',
    indicatorErrorTitle: '上传错误',
    indicatorLoadingTitle: '上传 ...'
},

(?ω?)0
2019/1/7 16:39:21

previewZoomButtonTitles: {
    prev: '预览上一个文件',
    next: '预览下一个文件',
    toggleheader: '缩放',
    fullscreen: '全屏',
    borderless: '无边界模式',
    close: '关闭当前预览'
}
};

点击上传按钮，怎么回调，绑定其他事件，