提示:正文阅读大约需要三分钟,代码部分需要读者自行练习。
上传图片的常用设置如下。
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#,所以后端代码只截取了两张与前端相关的较大图供参考。