您的位置  > 互联网

前端上传插件到底如何定义前?代码

提示:正文阅读大约需要三分钟,代码部分需要读者自行练习。

上传图片的常用设置如下。

HTML:

后端c#代码

前端:

$("#input-id").fileinput();//默认写法,fileinput里面的所有参数是设置为默认

几个常用参数设置的具体说明及示例:

1、后台上传数据使用哪条路由? 这是上传/处理数据。

: '../..//',

2.预览设置。

2.1 使用JSON格式。图像设置为500px宽和长

: {//预览图片大小设置********************

图片:{宽度:“500px”,:“500px”}

},

2.2 可以使用字符串加载文件预览,或者数组。

: "../..///.png",//初始化时显示现有数据

:[ //初始预览设置

”,

”,],

2.3//初始化时预览设置,共六个属性,

:{

: '555', // 显示的文件名

宽度:'120px',

样式: '最大宽度:100%;最大宽度:100%;',

: "", // 下载地址

key: "id", //是Ajax传递给后台的参数,

type: 'image' // 预览文件类型

},

关于删除图像关键参数后端c#代码

3.附加数据上传设置。 您可以在上传文件数据的同时添加传入参数,例如上传送货单图片并同时传入收据编号。

通过

: () {//********************

// 作为附加参数传给后台,后台可以根据id修改对应的图片地址。

{ 'recID': $("#ID").html() };

//上传时附加参数

},

以上就是小编给大家分享的,希望对大家有所帮助。 谢谢。 下次我们将探索更多有用的插件。

插件学习重在实践。 因为作者使用的是C#,所以后端代码只截取了两张与前端相关的较大图供参考。